DEV Community

Cover image for Built a Custom JS Physics Arcade
Ragner_R
Ragner_R

Posted on • Edited on

Built a Custom JS Physics Arcade

Hey everyone,

I’ve been building an independent e-commerce and web project rooted in a strict "Nordic Pixel Revolution" and minimalist philosophy. I just wrapped up the first stable build, and I'd love some brutal peer review on the architecture from this community.

Just to be clear up front: I am not selling anything here. I am strictly offering curious devs a chance to test my vault environment and give honest technical feedback.

The front-end bypasses standard bloated e-commerce templates. I built a heavily customized child theme designed to navigate like a frictionless SaaS application. The core challenge has been balancing very heavy visual assets (curated 8K digital art + physical products) with a zero-bounce, mobile-first design.

To push the aesthetic and interactivity, I’ve also embedded a custom web arcade directly into the portal. The current stack features:

  • Custom Canvas Engine: 3 distinct JS physics arcade games tied together with a working hash handshake global leaderboard.
  • Production Uplink: Hosted on an Azure stack, utilizing FastAPI and Pydantic request bodies for strict data validation.
  • AI "Lorebot": Powered by AsyncAzureOpenAI, routing through /api/lore and /api/physics endpoints with distinct system prompts.

To monitor server load and gather structured feedback on the asset pipeline, the core testing environment is currently locked down.

If you are interested in poking around the architecture, breaking the JS physics engine, trying to trick the FastAPI lorebot, or profiling the UI, drop me a DM or shoot me an email and I will generate a temporary Vault Access Key for you.

I’m specifically hunting for feedback on:

  1. Mobile & Cross-Browser Edge Cases: I am chasing down a responsive quirk with the canvas "stick" controls specifically on macOS Safari and MacBook Airs. If anyone on that hardware can test the layout, it would be a massive help.
  2. Asset Loading vs. Theme Performance: How does the UI handle the high-resolution art on your connection?
  3. Latency & Logic: How do the JS canvas loops feel, and does the hash handshake for the leaderboard hold up under your testing?

I appreciate any performance profiling, bug hunting, or UX critiques you can throw my way!

BR from Germany,
Ragner

Top comments (1)

Collapse
 
ragner_r profile image
Ragner_R

A quick update: iOS testing is complete, meaning the platform is now fully cross-device optimized as a web app. If anyone wants to test the JS arcades and share their feedback, let me know! Thanks. ^^