Loading video...

Video Failed to Load

Go Home

Built a low-poly autumn world with Three.js, featuring dynamic traffic, procedural terrain, falling leaves, atmospheric lighting and interactive controls.

techartist_'s profile picture

Techartist

14,703 subscribers

15,772 views • 7 days 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

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

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.
0:28

A procedural Three.js seaplane outpost featuring custom GLSL Gerstner water, floatplane buoyancy, physical wakes and spray, dynamic lighting and weather, animated workers, and simulated flight operations. All rendered in the browser and coded with ChatGPT 5.6 Sol.

Techartist

12,243 views • 24 days 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

Claude Opus 5 built a Red Dead Redemption-style open world western in Three.js with just a few extra prompts added to a gauntlet loop. The result is a surprisingly strong environment with horseback traversal, large-scale terrain, atmospheric lighting, and a level of polish that already looks better than a lot of small indie prototypes. Play it: Repository: Project by: Michael Gill
1:14

Claude Opus 5 built a Red Dead Redemption-style open world western in Three.js with just a few extra prompts added to a gauntlet loop. The result is a surprisingly strong environment with horseback traversal, large-scale terrain, atmospheric lighting, and a level of polish that already looks better than a lot of small indie prototypes. Play it: Repository: Project by: Michael Gill

Token Gremlin

15,026 views • 11 days ago

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓
0:24

Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓

Techartist

24,529 views • 27 days ago

Procedural lighting!💡 Using the Red & Green channels of a low resolution unfiltered noise texture, we can control the X & Y position coordinates of a sphere mask and fake dynamic lighting #gamedev #VFX #realtimeVFX #UnrealEngine #UnrealEngine5
0:31

Procedural lighting!💡 Using the Red & Green channels of a low resolution unfiltered noise texture, we can control the X & Y position coordinates of a sphere mask and fake dynamic lighting #gamedev #VFX #realtimeVFX #UnrealEngine #UnrealEngine5

TUATARA

14,498 views • 4 months ago

.SamHatesUnicorns🔶 has released Blender Auto-Terrainer, a new procedural generator for Blender that can turn any low poly mesh into realistic and customizable terrain. Learn more and download for free: #blender #blender3d #b3d #blendercommunity #3dart
0:22

.SamHatesUnicorns🔶 has released Blender Auto-Terrainer, a new procedural generator for Blender that can turn any low poly mesh into realistic and customizable terrain. Learn more and download for free: #blender #blender3d #b3d #blendercommunity #3dart

80 LEVEL

377,261 views • 3 years ago

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇
0:36

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇

Techartist

1,421,253 views • 1 year ago

A little late but here we go !! Latest version of my Blender Auto Terrain Tool is out now !! Auto-Terrainer will turn any kind of low poly mesh into beautiful customizable procedural terrain using the power of blender's very own geometry nodes system. AND IT'S FREE ! #b3d
0:45

A little late but here we go !! Latest version of my Blender Auto Terrain Tool is out now !! Auto-Terrainer will turn any kind of low poly mesh into beautiful customizable procedural terrain using the power of blender's very own geometry nodes system. AND IT'S FREE ! #b3d

SamHatesUnicorns🔶

77,489 views • 2 years ago

Hey Claude Opus 4.8 let's build a fully procedural spider in Three.js🕷️ …so we did. Feet-driven IK + a Cruse-rule gait = it walks any terrain. Then we built a 42-scenario test harness and drove the locomotion to 100%.
0:56

Hey Claude Opus 4.8 let's build a fully procedural spider in Three.js🕷️ …so we did. Feet-driven IK + a Cruse-rule gait = it walks any terrain. Then we built a 42-scenario test harness and drove the locomotion to 100%.

Majid Manzarpour

61,532 views • 1 month ago

Gemini 3.7 Flash with one prompt: I gave it a detailed prompt to recreate a voxel-style Japanese pagoda garden in Three.js ~16.5K voxels, cherry blossoms, pond, torii gate, particles, lighting, camera controls and interactive UI. It generated the complete single-file HTML + JavaScript. Pretty damn impressive.
0:25

Gemini 3.7 Flash with one prompt: I gave it a detailed prompt to recreate a voxel-style Japanese pagoda garden in Three.js ~16.5K voxels, cherry blossoms, pond, torii gate, particles, lighting, camera controls and interactive UI. It generated the complete single-file HTML + JavaScript. Pretty damn impressive.

Noctus

93,788 views • 2 days ago

Turn your playlist into a rhythm game. I built a fully procedural cartoon lowrider you control with a gamepad. Try to bounce, hop and lean in time with the music yourself. Turn on your audio 🔥 Built inside Omma AI with Three.js & Claude
0:57

Turn your playlist into a rhythm game. I built a fully procedural cartoon lowrider you control with a gamepad. Try to bounce, hop and lean in time with the music yourself. Turn on your audio 🔥 Built inside Omma AI with Three.js & Claude

Joseph Azar

21,464 views • 1 month ago

I tested my Blender character creation skill with Codex + GPT-5.6 Sol Ultra. The full prompt: “Create a Three.js game where the player explores different biomes. Create the character and animations with skill-blender-character.” Codex built the world, created the low-poly character in Blender, generated the outfit and integrated the animations into the game. One prompt, one custom skill, one playable prototype.
1:02

I tested my Blender character creation skill with Codex + GPT-5.6 Sol Ultra. The full prompt: “Create a Three.js game where the player explores different biomes. Create the character and animations with skill-blender-character.” Codex built the world, created the low-poly character in Blender, generated the outfit and integrated the animations into the game. One prompt, one custom skill, one playable prototype.

Givros

10,599 views • 1 month ago

AI 3D workflows for web are getting scary good. Here is a demo with a large splat background (+LoD), mesh character, spatial audio, VR support, and lighting. I was able to create it in a few hours (repo in reply). built with Three.js spark World Labs Audio on :)
1:03

AI 3D workflows for web are getting scary good. Here is a demo with a large splat background (+LoD), mesh character, spatial audio, VR support, and lighting. I was able to create it in a few hours (repo in reply). built with Three.js spark World Labs Audio on :)

martin_casado

82,670 views • 8 months ago

Built a procedural open world with SpacetimeDB as the backend. Every terrain chunk, tree, and stone is server-authoritative. The client subscribes and the world just appears, consistent across every connected player, no REST endpoints, no polling, no manual sync logic. The database is the game server. Now to fill it with agents!
0:30

Built a procedural open world with SpacetimeDB as the backend. Every terrain chunk, tree, and stone is server-authoritative. The client subscribes and the world just appears, consistent across every connected player, no REST endpoints, no polling, no manual sync logic. The database is the game server. Now to fill it with agents!

Martin Erlić

30,206 views • 5 months ago

A glimpse at how interactive 3D can transform storytelling, tourism and education. Coded with ChatGPT 5.6 Sol and Three.js, this navigable Mediterranean world features landmark viewpoints, architecture, guided exploration and evolving daylight.
0:25

A glimpse at how interactive 3D can transform storytelling, tourism and education. Coded with ChatGPT 5.6 Sol and Three.js, this navigable Mediterranean world features landmark viewpoints, architecture, guided exploration and evolving daylight.

Techartist

70,527 views • 23 days ago

Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard with an aluminum body, built-in display, and programmable controls, built together with work louder®. Pre-order now at the link below!
0:31

Introducing the Framer F1 Keyboard. A low-profile mechanical keyboard with an aluminum body, built-in display, and programmable controls, built together with work louder®. Pre-order now at the link below!

Framer

360,160 views • 2 months ago

Stable 60+ FPS in Three.js — finally. The world renders 149 chunks around the player, while distant terrain is blended into a lightweight placeholder mesh for performance. Move around, and the chunks + fake terrain smoothly fade between each other without killing FPS. World models are instanced too, keeping draw calls low. More soon 👀 #threejsJourney #webgl #gamedev #threejs
0:30

Stable 60+ FPS in Three.js — finally. The world renders 149 chunks around the player, while distant terrain is blended into a lightweight placeholder mesh for performance. Move around, and the chunks + fake terrain smoothly fade between each other without killing FPS. World models are instanced too, keeping draw calls low. More soon 👀 #threejsJourney #webgl #gamedev #threejs

Ricardo de Zoete | Hammy(.eth)

36,650 views • 2 months 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 • 5 months ago