Loading video...

Video Failed to Load

Go Home

🕹️ Paris-based creative studio Little Workshop (Little Workshop) just reminded us why browser-based 3D experiences still have so much untapped potential. For Netlify's 5 million developer milestone, they built a full Marble Madness-inspired game that runs flawlessly in the browser. The technical execution is impressive: → Three.js + custom...

webgl_webgpu's profile picture

WebGL / WebGPU

2,880 subscribers

18,949 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.
1:21

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Three.js

15,524 views • 1 year ago

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 views • 1 year ago

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 views • 2 months ago

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,838 views • 5 months ago

Introducing Gestalt 3D Modeling in the Browser Open Source, powered by ThreeJS Keyboard Shortcuts stolen from Blender Design in your browser, export anywhere ✌️
0:48

Introducing Gestalt 3D Modeling in the Browser Open Source, powered by ThreeJS Keyboard Shortcuts stolen from Blender Design in your browser, export anywhere ✌️

robot

42,380 views • 10 months ago

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev
0:41

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev

Three.js Resources

18,076 views • 5 months ago

TWO DEVS BUILT A FULL MULTIPLAYER 3D GAME WITH WEBGL + THREE.JS - IN 5.7MB. NO UNITY. NO INSTALL. "Messenger" by Abeto is a planetary-delivery game: you're a kid on a tiny round world, dropping off mail, bumping into real players, waving with emojis. It runs entirely in a browser tab. The part that breaks your brain is the size. The whole thing loads in ~5.7MB. Not 5.7GB. Megabytes. You click a link and you're already playing - no download, no launcher, no account. what's under the hood: → WebGL + Three.js as the core - no Unity, no Godot → three-mesh-bvh for fast collisions on the curved planet → 3D models in Houdini + Blender, textures from Substance → real-time multiplayer over WebSockets on Node.js → lo-fi soundtrack streamed in, not bundled for scale: → AAA games ship at 50-150GB → this is ~10,000× lighter → install time for most 3D games: minutes → this: ~0 seconds → platform needed: none. it's a URL. We spent a decade saying "real games need a 100GB download and a gaming rig." A two-person studio just shipped a multiplayer 3D world that fits in the size of a few photos and opens in a tab. The browser quietly became a game console. Most people haven't noticed yet. 🔗 Link:
1:10

TWO DEVS BUILT A FULL MULTIPLAYER 3D GAME WITH WEBGL + THREE.JS - IN 5.7MB. NO UNITY. NO INSTALL. "Messenger" by Abeto is a planetary-delivery game: you're a kid on a tiny round world, dropping off mail, bumping into real players, waving with emojis. It runs entirely in a browser tab. The part that breaks your brain is the size. The whole thing loads in ~5.7MB. Not 5.7GB. Megabytes. You click a link and you're already playing - no download, no launcher, no account. what's under the hood: → WebGL + Three.js as the core - no Unity, no Godot → three-mesh-bvh for fast collisions on the curved planet → 3D models in Houdini + Blender, textures from Substance → real-time multiplayer over WebSockets on Node.js → lo-fi soundtrack streamed in, not bundled for scale: → AAA games ship at 50-150GB → this is ~10,000× lighter → install time for most 3D games: minutes → this: ~0 seconds → platform needed: none. it's a URL. We spent a decade saying "real games need a 100GB download and a gaming rig." A two-person studio just shipped a multiplayer 3D world that fits in the size of a few photos and opens in a tab. The browser quietly became a game console. Most people haven't noticed yet. 🔗 Link:

ZEUS⚡️

48,461 views • 17 days ago

Morflax Studio 2.0 is live. A browser-based studio for mockups, 3D visuals, and motion. Remix templates, animate scenes, export in minutes. Start creating →
0:20

Morflax Studio 2.0 is live. A browser-based studio for mockups, 3D visuals, and motion. Remix templates, animate scenes, export in minutes. Start creating →

Morflax

27,730 views • 4 months ago

I built the interface I wanted to see when the Google Earth 3D Tiles thing first came out: (1) select a map region (2) get a single glTF file normalized around (0,0,0) that you can just pop in Blender/ThreeJS/any 3D engine! Here it's in Three.js
0:33

I built the interface I wanted to see when the Google Earth 3D Tiles thing first came out: (1) select a map region (2) get a single glTF file normalized around (0,0,0) that you can just pop in Blender/ThreeJS/any 3D engine! Here it's in Three.js

Omar Shehata

22,336 views • 2 years ago

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 views • 6 months ago

“This took less than an hour." Interactive 3D is becoming essential across industries - but for a lot of teams, it’s still out of reach. That’s why we built Unity Studio - an intuitive, web-based, no-code editor that helps teams across industries, from manufacturing to retail, turn existing 3D assets into interactive experiences, straight from the browser. Check out what it looks like to go from a static 3D file to a fully interactive demo in under an hour. 🔗 Try it out yourself with a free 30 day Unity Studio trial:
1:01

“This took less than an hour." Interactive 3D is becoming essential across industries - but for a lot of teams, it’s still out of reach. That’s why we built Unity Studio - an intuitive, web-based, no-code editor that helps teams across industries, from manufacturing to retail, turn existing 3D assets into interactive experiences, straight from the browser. Check out what it looks like to go from a static 3D file to a fully interactive demo in under an hour. 🔗 Try it out yourself with a free 30 day Unity Studio trial:

Unity

10,408 views • 1 month ago

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs
2:00

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs

ekim

21,583 views • 3 months ago

Okay, so this little Premiere plugin I built for instantly making 3D UI animations is too much fun
0:35

Okay, so this little Premiere plugin I built for instantly making 3D UI animations is too much fun

Steve Tenuto

26,656 views • 1 year ago

It all started with an old Three.js experiment…then I lost control. Now I can sculpt anything. Maybe a little too much. #webgl #threejs #gsap #creativecoding #generativeart
0:25

It all started with an old Three.js experiment…then I lost control. Now I can sculpt anything. Maybe a little too much. #webgl #threejs #gsap #creativecoding #generativeart

Fabio Ottaviani

48,438 views • 1 year 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

Puneet | Techartist

14,638 views • 1 year ago

👋 I'm available again for freelance. Looking for a WebGL ~ 2D/3D ~ front-end (any framework) project starting now 🙏 #freelance #frontend #developer #webgl
0:50

👋 I'm available again for freelance. Looking for a WebGL ~ 2D/3D ~ front-end (any framework) project starting now 🙏 #freelance #frontend #developer #webgl

Robin Payot

16,757 views • 2 years ago

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding
2:34

Built a browser shader to teach relativistic effects. Beaming, lensing, Doppler & redshift—live sliders. Based on Koiava's blackhole shader on Shadertoy. I wrapped it in Three.js, added GUI toggles (beaming, redshift, photon ring), Kerr spin cheat. Link in thread. Turn sound on to play with it with the interstellar soundtrack 😀 #PhysicsTwitter #ThreeJS #WebGL #GLSL #Shaders #CreativeCoding

Lisha

15,978 views • 8 months ago

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX
0:23

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX

SHAHNAB AHMED

29,645 views • 3 months ago

its coming along ... infinite world: in the browser, biomes, wind and much more... 🔊 #threejs #webgl
0:29

its coming along ... infinite world: in the browser, biomes, wind and much more... 🔊 #threejs #webgl

HeyOz

50,969 views • 3 years ago