SPRITEWORKS: Handcrafted pixel games from a two-person studio (https://jsfiddle.net/Saminsami/01cd48we/1) I built this project to test Pixel studio with a playable COIN DASH arcade cab. Spriteworks is a tiny studio making pixel-perfect games with heart. Play our catalogue, meet the team of two, and press start. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Canvas2D while handling continuous user interaction without framework overhead. WHAT I WAS TESTING: I focused on two core engineering benchmarks: Precision implementation of pixel art under continuous interactive user input Sustained 60 FPS render performance and zero-dependency browser execution THE TECHNICAL SIDE: Engineered directly in the browser with Canvas2D, Pixel art. The application runs without third-party frameworks or build-step dependencies, using hardware-accelerated rendering and custom event loops to achieve zero-latency response. Everything executes in the browser using Canvas2D, Pixel art. No third-party frameworks, no heavy runtime bundles, and zero external tracking. WHAT I LEARNED: Balancing the mathematical rigors of pixel art with tactile browser interaction required tuning event throttling and memory allocation to eliminate all garbage collection stutters. Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware. TRY IT YOURSELF: (https://jsfiddle.net/Saminsami/01cd48we/1)The live build is deployed on my JSFiddle. Open it in your browser, test the controls, and observe the render response times. If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.

11

13

474

Midnight Radio: A Generative Ambient Station For Late Hours (https://jsfiddle.net/Saminsami/4n7r8z2v/2) A generative ambient station of drones, rain, and distant thunder. I built this project to test A generative ambient station of drones, rain, and distant thunder. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Web Audio API while handling continuous user interaction without framework overhead. WHAT I WAS TESTING: I focused on two core engineering benchmarks: Continuous algorithmic generative music that never repeats, with sub-bass drone layers Atmospheric rain, vinyl static, and distant thunder audio synthesis THE TECHNICAL SIDE: Built entirely with native Web Audio AudioNodes. Oscillators tuned to just-intonation intervals modulate lowpass filters, while brownian noise generates random rain and thunder rumbles. Everything executes in the browser using Web Audio API, Generative Ambient Synthesis, Binaural Noise Engine. No third-party frameworks, no heavy runtime bundles, and zero external tracking. WHAT I LEARNED: Audio clipping easily occurs when multiple generative sound layers peak concurrently. Implementing a master dynamics compressor node preserved acoustic clarity. Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware. TRY IT YOURSELF: (https://jsfiddle.net/Saminsami/4n7r8z2v/2) The live build is deployed on my JSFiddle. Open it in your browser, test the controls, and observe the render response times. If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.

6

13

584

MAGMA: A Liquid Light Instrument (https://samincollection3.netlify.app/lava-lamp/index.html)A single HTML physics-driven lava lamp. Every blob carries heat it soaks it up at the floor plate, rises on buoyancy, sheds it at the cap, stalls, and sinks-the canonical lava-lamp circulation, with nothing keyframed. Blobs merge by transferring mass through sustained contact; overheated giants pinch off children. Total volume is conserved, so the lamp never empties. The surface is a metaball scalar field shaded through a palette LUT, with marching-squares iso-contours stroked on top as a glass rim and a fresnel crown. Run it hot and champagne micro-bubbles boil off the plate - flip gravity mid-rise and they hang weightless.

16

14

1.2K

The Verdigris Bureau: Office of Centennial Deposits (https://samincollection2.netlify.app/capsule) "High-Performance Creative Web Exploration" A civic bureau seals your letter to 2126 under molten wax, witnessed. A civic bureau that seals letters for exactly one hundred years. Write a message to 2126, watch it set in wax, and receive your engraved certificate of deposit. I built this project to test A civic bureau seals your letter to 2126 under molten wax, witnessed. A civic bureau that seals letters for exactly one hundred years. Write a message to 2126, watch it set in wax, and receive your engraved certificate of deposit. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Canvas2D while handling continuous user interaction without framework overhead. WHAT I WAS TESTING: I focused on two core engineering benchmarks: Precision implementation of wax-seal SVG under continuous interactive user input Sustained 60 FPS render performance and zero-dependency browser execution THE TECHNICAL SIDE: Engineered directly in the browser with Canvas2D, Wax-seal SVG. The application runs without third-party frameworks or build-step dependencies, using hardware-accelerated rendering and custom event loops to achieve zero-latency response. Everything executes in the browser using Canvas2D, Wax-seal SVG. No third-party frameworks, no heavy runtime bundles, and zero external tracking. WHAT I LEARNED: Balancing the mathematical rigors of wax-seal SVG with tactile browser interaction required tuning event throttling and memory allocation to eliminate all garbage collection stutters. Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware. TRY IT YOURSELF: (https://samincollection2.netlify.app/capsule)The live build is deployed on Netlify. Open it in your browser, test the controls, and observe the render response times. If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.

14

18

1.6K

Samin Sami

Full-Stack Web Dev & AI Engineer. Daffodil Int'l University