Vanilla JavaScript refinery simulator built to explain job to my kids
Chemical engineer built a refinery simulator to explain their job to kids.
![Matrix Engine WGPU – focus on mobile]](/screenshots/48577091.webp)
WebGPU game engine that actually runs physics demos on mobile browsers.
Web game developers targeting mobile browsers
Babylon.js · PlayCanvas · Three.js
I made 'MatrixEngineWgpu' webgpu engine in javascript ("The Beast" i added alias ;) ). Objective is full support for all browsers (with webgpu support) specially mobile browsers. I use vanilla js thats very important in context of performance. 2 years ago it was classic programming (without ai) but i involved ai in last 6 months. Thats not main subject.
I see in last yeasr that quality of web games are catastrophic even in promo videos i see buggy moments. Almost every webGPU examples or graphics+physics are very pure or not runnable on mobile devices. Theres also opinion that web can't produce high quality/performance app. Thats not true and that's i wanna to prove. My GraphicsCard is 13 years old and thats good when you make optimised stuff.
What is characteristics for "The Beast" in dev zone:
- Every feature is tested on mobile device and balanced to be on "edge". Must pass mobile render. - On linkedin i see every day some new features doned in one of major engines and i imitates/integrate intro project. - What ever i can do i avoid ai asking (i keep control under code) also AI never gives BEST solution on begin. I need sometimes 2-3 phases of optimisation. Some optimisations concepts i learned from ai. - Usually engines give best quallty - matrix engine is downgraded by default in the name of performance. - Must be easy to use
This is not full list but generally all main featureas are here,
Done list []
Draw loop per pipeline not per mesh (PipelineManager) with share material. Power optimisation. Support for 3D objects and scene transformations. Ammo.js, cannonES, matterJS && Jolt Physics libs integration (app<->bridge<->worker). Physics use webworkers by default. Networking with Kurento/OpenVidu/Own middleware Nodejs -> frontend. Bloom post processing. HZB post processing. Scene Culling feature. Based on the shadowMapping sample from webgpu-samples. Web GUI(online) Editor [app exec graph] with Visual Scripting (Named: FlowCodexVertex). Web GUI(online) Editor [shader graph] with Visual Scripting (Named: FlowCodexShader). Dynamic shadow cast (done also for skinned meshes). VertexShader displacment (done also for skinned meshes), nice for water effect. Basic flow for AI Graph Generator - Simple tasks passed for now with ollama platform. Open account/open-source/free-service-quota. ProceduralMesh objectScene entity with options for vertex morph - Shadows following morph blend.
Interest feature : - All physics engines runs in worker by default - I added visual scripting (app level & shader level) - AI tool for generating app graphs
Source: https://github.com/zlatnaspirala/matrix-engine-wgpu Demos: https://maximumroulette.com/apps/webgpu/examples.html
Enjoy and star if you like it !
Chemical engineer built a refinery simulator to explain their job to kids.
Zero-setup Web MIDI piano trainer built with vanilla JS and Claude Code.
Maze mode is a thoughtful twist — you’re no longer just coloring tiles but navigating corridors to a goal, which changes tactics in a satisfying way. The repo is also a small engineering showpiece: the author stripped out React/Tailwind for vanilla JS on Bun and used tools like OpenAI Codex and Windsurf IDE, so it’s as useful for learning implementation choices as it is for killing five minutes.
Click-to-zoom Mandelbrot running entirely in plain JS with UI controls (previous/reset/jump), double-click presets, and PNG export — small, focused feature set. The author clearly spent time on low-level optimizations (pixel manipulation and iteration tuning) so interactive zooms stay responsive in the browser. It's not novel — there are many mandelbrot demos — but it's a tidy, educational showcase of squeezing performance out of the DOM.
Vanilla JS editor with regex loop prevention, but CodePen already owns this.
Valheim survival mechanics successfully crammed into an Ultima-style tile engine.