As we all know, the Replit preview has its quirks, and we learn to live with them. But check this out: in the Replit preview, the F1 car appears off the track. Yet, when opened in any browser at any scale, the car is perfectly on the track even though it’s all positioned using coordinates. Bizarre!
Fig: 1 (Replit)
Ask the agent. Ensure you tell it to not make any changes, but to just analyse why and explain to you what the coding error is that is causing this.
Yeah it said this is a known Replit quirk, confirmed it works in the browser and that’s that. I thought it was interesting as most quirks you can get right as sometimes it may be because it’s an iOS quirk, but this is 100% a Replit issue and thought it was interesting to point out as I haven’t seen a ‘quirk’ like this before!
Sorry, I am not buying it - Agent is giving you BS, formerly known as “hallucination”. Drop both screenshots into agent and ask it to analyse the code more deeply in order to explain the difference (maybe even use the dep thinking agent mode).
Did you get it figured out?
No, this is a personal project therefore my issue is I moved this to a working MVP sooner than it should have been. Diving deep and haven’t had built a game interface before is that this project uses a SVG based game interface, which is fine, and may be the reason I’m now seeing these issues as ideally Canvas would likely solve all of this, all built as a react stack too. But this is still my consensus ‘The preview often introduces scaling quirks, margins, or transforms that don’t exist in a normal browser viewport.’, which I can actually clearly see using the Replits frontend edit tools, compared to view this on dev tools in the browser.
I’ll be honest, I’ve never messed with building games on Replit.
