F
franck
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers.
Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users.
The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view using CSS 3D transforms for a seamless integration with the 3D view.
We’d love for you to try it out and share your thoughts!
[1] Three.js – JavaScript 3D Library
[2] Rapier physics engine | Rapier
EDIT: More info on this project here: Netlify 5 Million Devs — Little Workshop
Comments URL: Show HN: A Marble Madness-inspired WebGL game we built for Netlify | Hacker News
Points: 340
# Comments: 157
Continue reading...
Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users.
The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view using CSS 3D transforms for a seamless integration with the 3D view.
We’d love for you to try it out and share your thoughts!
[1] Three.js – JavaScript 3D Library
[2] Rapier physics engine | Rapier
EDIT: More info on this project here: Netlify 5 Million Devs — Little Workshop
Comments URL: Show HN: A Marble Madness-inspired WebGL game we built for Netlify | Hacker News
Points: 340
# Comments: 157
Continue reading...