Tag: Helix Jump
-
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 4: scoring, animated CSS background and platforms fading away
In the fourth step of the Helix Jump HTML5 prototype with Three.js and TypeScript, I added a clean CSS-based score display, a subtle animated background using only CSS, and made destroyed platforms fade out and fly away with GSAP. These visual touches make the game feel more alive, and as always, you get the full line-by-line commented source code for free.
-
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 3: adding spikes and using GSAP for camera tweening
In this third step of my Helix Jump prototype with Three.js and TypeScript, I’m adding deadly spikes and animating the camera using GSAP for smoother transitions. As always, I’m sharing the full source code, commented line by line, completely free.
-
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript – Step 2: adding a bouncing ball with no physics engine
In this second step of my three.js HTML5 Helix Jump prototype, I added a bouncing ball, handled platform collisions and made platforms infinite. As always, you’ll find fully commented TypeScript source code.
-
Build a HTML5 “Helix Jump” prototype with Three.js and TypeScript
Build the foundation of a HTML5 "Helix Jump" game using Three.js, TypeScript, and Vite. Learn to create a rotating tower with sliced platforms and manage shadows and lighting, all with fully commented source code to guide you step by step.
