Loading video...

Video Failed to Load

Go Home

⚡ 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

threejsresource's profile picture

Three.js Resources

4,635 subscribers

18,275 views • 8 months ago •via X (Twitter)

#threejs#threejs#WebGL
LIVE

Anya Rossi• Live Now

Private livecam show

5 Comments

Logan's profile picture
Logan8 months ago

@iced_coffee_dev Fun I have also been experimenting with Threejs. Super fun tech

Three.js Resources's profile picture
Three.js Resources8 months ago

@iced_coffee_dev Oh wow, nice work !

Logan's profile picture
Logan8 months ago

@iced_coffee_dev Thanks 😎

비뇨 - Bjño 𒅌's profile picture
비뇨 - Bjño 𒅌8 months ago

@iced_coffee_dev 👀

Codedgar's profile picture
Codedgar8 months ago

@iced_coffee_dev What does this use on the background? DRACO compression?

Related Videos

🎮 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,990 views • 8 months ago

⚡ Anime.js A lightweight animation library that makes motion simple and expressive. Perfect for learning animation timing, easing, and sequencing and for pairing with #threejs to animate 3D scenes smoothly. 👉 creator: Julian Garnier #animejs WebGPU #webgl #animation #frontend #learning
0:47

⚡ Anime.js A lightweight animation library that makes motion simple and expressive. Perfect for learning animation timing, easing, and sequencing and for pairing with #threejs to animate 3D scenes smoothly. 👉 creator: Julian Garnier #animejs WebGPU #webgl #animation #frontend #learning

Three.js Resources

54,361 views • 9 months ago

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 views • 8 months ago

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI
1:22

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Three.js Resources

58,819 views • 1 year ago

Introducing Mint MCP - It turns your coding agent into a 3D engine! ✅ Create Threejs apps and games ✅ Generate 3D models ✅ Rig and animate models ✅ Generate Gaussian Splat worlds ✅ Generate PBR materials ✅ Generate themed Asset packs ✅ Generate audio / sfx ✅ Retopologize 3D models ✅ Convert 3D models to any popular format All the scenes in this demo were created with 5.6 + Mint Mcp + Mint Threejs Skills (links below)
0:38

Introducing Mint MCP - It turns your coding agent into a 3D engine! ✅ Create Threejs apps and games ✅ Generate 3D models ✅ Rig and animate models ✅ Generate Gaussian Splat worlds ✅ Generate PBR materials ✅ Generate themed Asset packs ✅ Generate audio / sfx ✅ Retopologize 3D models ✅ Convert 3D models to any popular format All the scenes in this demo were created with 5.6 + Mint Mcp + Mint Threejs Skills (links below)

tamrat

60,530 views • 3 months ago

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs
0:45

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

Junichiro Horikawa

27,374 views • 1 year ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,778 views • 2 years ago

Machine learning meets 3D web dev 🚗 I used Proximal Policy Optimization to train an AI to navigate a 3D racetrack, combining tensorflow.js and three.js Live: Code: Car driving mechanics from Bruno Simon #MachineLearning #AI #TensorFlow #threejsJourney #threejs
0:42

Machine learning meets 3D web dev 🚗 I used Proximal Policy Optimization to train an AI to navigate a 3D racetrack, combining tensorflow.js and three.js Live: Code: Car driving mechanics from Bruno Simon #MachineLearning #AI #TensorFlow #threejsJourney #threejs

Fredrik

13,756 views • 2 years ago

🚀 Smart Topology is LIVE in Image-to-3D! Generate 3D assets with native part segmentation, clean and accurate, in ~10 seconds. Full control over poly count. Made for game dev workflows, real-time and web-based 3D. We'd love your feedback to help us refine the quality!
0:31

🚀 Smart Topology is LIVE in Image-to-3D! Generate 3D assets with native part segmentation, clean and accurate, in ~10 seconds. Full control over poly count. Made for game dev workflows, real-time and web-based 3D. We'd love your feedback to help us refine the quality!

MeshyAI

73,164 views • 3 months ago

Gemini 3.1 + ThreeJS is an absolute beast for creating 3D landing pages Here's the exact workflow used ⬇️
0:22

Gemini 3.1 + ThreeJS is an absolute beast for creating 3D landing pages Here's the exact workflow used ⬇️

Viktor Oddy

38,887 views • 6 months ago

They did use 3D models and we can fly through the scenes and check it all out! #threejs Shopify Using the Needle three.js inspector
1:32

They did use 3D models and we can fly through the scenes and check it all out! #threejs Shopify Using the Needle three.js inspector

🌵 Marcel Wiessler

157,683 views • 10 months ago

Imagine you don't need to open blender or cinema4d just to preview and debug your 3d models for webgl projects. I present to your 3e - Next level 3d workflow inside VS Code. Extension is live in the marketplace.
1:12

Imagine you don't need to open blender or cinema4d just to preview and debug your 3d models for webgl projects. I present to your 3e - Next level 3d workflow inside VS Code. Extension is live in the marketplace.

{//} 🇬🇭

179,803 views • 3 years 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 • 6 months ago

From 3d mesh optimization for games to accurate CAD to 3D conversions for enterprise and workflows that turbo-charge every 3D asset pipeline: InstaLOD is everything you need for the production and automatic optimization of 3D content.
2:07

From 3d mesh optimization for games to accurate CAD to 3D conversions for enterprise and workflows that turbo-charge every 3D asset pipeline: InstaLOD is everything you need for the production and automatic optimization of 3D content.

InstaLOD

17,283,743 views • 3 years ago

This is how to get Beautiful Glow Effect in your threejs projects!✨ Mini Tutorial⬇️ (0/8) #threejs #website #3d
0:20

This is how to get Beautiful Glow Effect in your threejs projects!✨ Mini Tutorial⬇️ (0/8) #threejs #website #3d

Ebenezer

14,156 views • 1 year ago

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.
0:30

Made some improvements to my #threejs pipeline and shader editor, with render passes. Also, direct import of 3d Objects from glTF.

Palash Bansal

55,327 views • 2 years ago

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,274,337 views • 1 year ago

ARCHITECTS ARE IN TROUBLE YOU CAN CREATE ENTIRE 3D HOUSE MODELS EASILY USING THREEJS AND NANO BANANA
0:33

ARCHITECTS ARE IN TROUBLE YOU CAN CREATE ENTIRE 3D HOUSE MODELS EASILY USING THREEJS AND NANO BANANA

0xMarioNawfal

81,954 views • 7 months ago

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl
0:24

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl

0beqz

85,214 views • 3 years ago