Loading video...

Video Failed to Load

Go Home

Second part of HTML5 Helix Jump tutorial built with Three.js will feature endless tower and proper platform collision, with camera always following the action. Source code next monday on the blog.

triqui's profile picture

Emanuele Feronato

3,508 subscribers

12,310 views • 1 year ago •via X (Twitter)

GamingScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇
0:40

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 views • 1 year ago

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 views • 1 year ago

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:
0:28

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,877 views • 4 months ago

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴
1:00

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 views • 1 year ago

Meet Gadget, the first development and hosting platform with an AI that will set up infra, write code, debug, deploy, and scale every part of your app. Ship with confidence, knowing that every part of your app is built right.
2:22

Meet Gadget, the first development and hosting platform with an AI that will set up infra, write code, debug, deploy, and scale every part of your app. Ship with confidence, knowing that every part of your app is built right.

Gadget

16,429 views • 1 year ago

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?
1:02

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,819 views • 1 year ago

Have you ever seen a QR code that tells the time? Built with RN WebGPU + Three.js, and of course powered by Expo
0:21

Have you ever seen a QR code that tells the time? Built with RN WebGPU + Three.js, and of course powered by Expo

Arunabh Verma

13,618 views • 1 month ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Techartist

18,168 views • 1 year ago

Tower Rush 2.0 Testnet Begins! The gates of Tower of Babylon are opening again to stand it's first battle. The final form of Tower DEX is unleashed — powered by $TWR, built for BTCFi, and armed with every feature you’ve been waiting for.
1:28

Tower Rush 2.0 Testnet Begins! The gates of Tower of Babylon are opening again to stand it's first battle. The final form of Tower DEX is unleashed — powered by $TWR, built for BTCFi, and armed with every feature you’ve been waiting for.

Tower

30,170 views • 10 months ago

finally had a little bit of time to work on my upcoming vehicle speed estimation tutorial any improvement ideas? the demo was built with the supervision code will soon land on GitHub:
0:21

finally had a little bit of time to work on my upcoming vehicle speed estimation tutorial any improvement ideas? the demo was built with the supervision code will soon land on GitHub:

SkalskiP

48,879 views • 2 years ago

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource
0:59

Announcing the LittleJS Mini Arcade! 🚂🕹️ 50+ classic games built with Claude Code on my open-source HTML5 engine. Each one is a single HTML file you can fork into your own project. 😻👍 #gamedev #ClaudeCode #opensource

Frank Force 🌻

16,552 views • 1 month ago

Arc is more than a blockchain. It’s an open ecosystem, purpose-built for the next wave of stablecoin builders, seamlessly integrated with Circle’s full-stack platform. The future of stablecoin finance will be built on Arc. Gordon Liao with the The Chopping Block
0:48

Arc is more than a blockchain. It’s an open ecosystem, purpose-built for the next wave of stablecoin builders, seamlessly integrated with Circle’s full-stack platform. The future of stablecoin finance will be built on Arc. Gordon Liao with the The Chopping Block

Arc

18,940 views • 9 months ago

Shipping react-three/handle! The one to handle them all! 👌 Build intuitive 3D and XR cross-platform interactions with just one line of code. #R3F Three.js #WebXR
1:02

Shipping react-three/handle! The one to handle them all! 👌 Build intuitive 3D and XR cross-platform interactions with just one line of code. #R3F Three.js #WebXR

Bela Bohlender

18,632 views • 1 year ago

Meet our unified development platform with elevated Sandboxes and Devboxes 🔥 Level up a Sandbox to a Devbox and get: 🤖 Built-in AI 🆚 VS Code support Read the full blog post 👇
0:55

Meet our unified development platform with elevated Sandboxes and Devboxes 🔥 Level up a Sandbox to a Devbox and get: 🤖 Built-in AI 🆚 VS Code support Read the full blog post 👇

CodeSandbox

13,229 views • 2 years ago

#WATCH | Berlin, Germany: Following several days of festivities, the Sri Ganesha Temple in Berlin’s Neukölln opened on Sunday. Located on the edge of the Hasenheide park, the seventeen-meter-high tower—adorned with hundreds of sculptures and reliefs—is recognizable as part of a recognisableHindu temple even from a distance. (Source: Reuters)
2:46

#WATCH | Berlin, Germany: Following several days of festivities, the Sri Ganesha Temple in Berlin’s Neukölln opened on Sunday. Located on the edge of the Hasenheide park, the seventeen-meter-high tower—adorned with hundreds of sculptures and reliefs—is recognizable as part of a recognisableHindu temple even from a distance. (Source: Reuters)

ANI

32,021 views • 1 month ago

Introducing WALL-WM, our open-source World Model for embodied AI and the next piece of our open-source robotics stack. Carving World Action Modeling at the Event Joints Read the blog: Why it matters WALL-WM shifts robot world modeling from fixed-length action chunks to event-grounded video-action pretraining. It learns around events like reaching, contact, grasping, lifting, moving, and placing, so language, vision, and action align more naturally. Why you should care WALL-WM brings together: •Event-grounded VLA pretraining •Prior-aligned video-action architecture •Wan-based video tower + randomly initialized action DiT •Multi-view perception with sight-cone masking, tube patch masking, and Camera RoPE •Event Mode for variable-length execution •Unified Mode with Staircase Decoding •DMuon for large-scale training The goal: help robots learn what physically matters, not just what happens in the next fixed slice of time. Code (coming soon): #opensource #EmbodiedAI
1:45

Introducing WALL-WM, our open-source World Model for embodied AI and the next piece of our open-source robotics stack. Carving World Action Modeling at the Event Joints Read the blog: Why it matters WALL-WM shifts robot world modeling from fixed-length action chunks to event-grounded video-action pretraining. It learns around events like reaching, contact, grasping, lifting, moving, and placing, so language, vision, and action align more naturally. Why you should care WALL-WM brings together: •Event-grounded VLA pretraining •Prior-aligned video-action architecture •Wan-based video tower + randomly initialized action DiT •Multi-view perception with sight-cone masking, tube patch masking, and Camera RoPE •Event Mode for variable-length execution •Unified Mode with Staircase Decoding •DMuon for large-scale training The goal: help robots learn what physically matters, not just what happens in the next fixed slice of time. Code (coming soon): #opensource #EmbodiedAI

X Square Robot

41,749 views • 1 month ago

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!
0:58

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

221,656 views • 1 year ago

Introducing the Open Deep Research app! Generate detailed reports on any topic with open source LLMs. Free & fully open source. We’re releasing everything: evaluation dataset, code, app, and blog.🔥
0:21

Introducing the Open Deep Research app! Generate detailed reports on any topic with open source LLMs. Free & fully open source. We’re releasing everything: evaluation dataset, code, app, and blog.🔥

Together AI

28,338 views • 1 year ago

🌟Ever wish your trading platform had that one perfect feature? With TopstepX™, you can submit your ideas and vote on others you want to see next! ✍️ Always evolving, and always listening. TopstepX is changing the game! 🚀
0:23

🌟Ever wish your trading platform had that one perfect feature? With TopstepX™, you can submit your ideas and vote on others you want to see next! ✍️ Always evolving, and always listening. TopstepX is changing the game! 🚀

Topstep

11,553 views • 2 years ago