Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🕹️ 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 görüntüleme • 6 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

🎮 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 görüntüleme • 4 ay önce

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 görüntüleme • 10 ay önce

⚡ 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 görüntüleme • 5 ay önce

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 görüntüleme • 12 gün önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

“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 görüntüleme • 1 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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,431 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

👋 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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 yıl önce