Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

14,518 subscribers

12,243 Aufrufe • vor 2 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

Techartist

15,772 Aufrufe • vor 1 Monat

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.

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

71,748 Aufrufe • vor 2 Monaten

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,972 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

A 3D lunar rover simulator built with zero external dependencies runs directly on the GPU in the browser. The project demonstrates lightweight, engine-free rendering: → Simulates vehicle suspension and low-gravity wheel traction on procedural terrain → Uses custom WebGL and GLSL shaders for real-time lighting and surface deformation → Runs natively in a single context without third-party 3D frameworks or build steps → Handles dynamic camera tracking and interactive controls with high frame rates

A 3D lunar rover simulator built with zero external dependencies runs directly on the GPU in the browser. The project demonstrates lightweight, engine-free rendering: → Simulates vehicle suspension and low-gravity wheel traction on procedural terrain → Uses custom WebGL and GLSL shaders for real-time lighting and surface deformation → Runs natively in a single context without third-party 3D frameworks or build steps → Handles dynamic camera tracking and interactive controls with high frame rates

0xMarioNawfal

71,914 Aufrufe • vor 1 Monat

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.

Mert Demirdelen

429,258 Aufrufe • vor 1 Jahr

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,991,654 Aufrufe • vor 1 Jahr

Opus 5.5 is next level. I’m genuinely impressed by the three.js details. I generated a playable boat scene through Japanese landscapes with dynamic weather, day and night lighting, realistic textures and 3D characters. Live site: The water reflections, physics, scenery and architecture are insane. I could look at this all day.

Opus 5.5 is next level. I’m genuinely impressed by the three.js details. I generated a playable boat scene through Japanese landscapes with dynamic weather, day and night lighting, realistic textures and 3D characters. Live site: The water reflections, physics, scenery and architecture are insane. I could look at this all day.

Meng To

478,953 Aufrufe • vor 10 Tagen

THIS GUY VIBE CODED A FULL FLIGHT COMBAT SIMULATOR WITH CLAUDE CODE that runs entirely in your browser dogfights. heat-seeking missiles. flares. NPC aircraft. real-world terrain three.js + cesiumjs. AND it's open source

THIS GUY VIBE CODED A FULL FLIGHT COMBAT SIMULATOR WITH CLAUDE CODE that runs entirely in your browser dogfights. heat-seeking missiles. flares. NPC aircraft. real-world terrain three.js + cesiumjs. AND it's open source

Om Patel

91,516 Aufrufe • vor 6 Monaten

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:

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 Aufrufe • vor 6 Monaten

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

The Bugged Dev

20,854 Aufrufe • vor 8 Monaten

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

148,148 Aufrufe • vor 5 Monaten

ChatGPT-6 Astra built Little Rail World, a fully interactive planet with trains, villages and freight systems running in the browser where you spin the globe, hop aboard and haul cargo across the world with Three.js and WebGL.

ChatGPT-6 Astra built Little Rail World, a fully interactive planet with trains, villages and freight systems running in the browser where you spin the globe, hop aboard and haul cargo across the world with Three.js and WebGL.

0xMarioNawfal

43,611 Aufrufe • vor 20 Tagen

Here's a list of the upcoming features in Three.js Water Pro v3. It's a big update! ✅ Improved Wave Realism — Updated spectrum produces more organic wave patterns. ✅Improve Lighting Model — completely revamped lighting model that produces realistic color changes in shallows areas and allows you to see through water surface ✅Persistent Wave-Crest Foam — Foam lingers and rolls off breaking waves. ✅Multiplayer-Ready Determinism — fixed-step simulation and syncing between clients ✅Sea Spray — attach emitters to boats, rocks, etc. to generate spray as water hits the surface ✅Rain — wind-driven streaks plus water-surface ripples. ✅HDRI Environment Maps — procedural sky has been replaced by realistic HDRI maps ✅Boat Wake — V-shaped wakes with automatic foam on breaking crests, and much more!

Here's a list of the upcoming features in Three.js Water Pro v3. It's a big update! ✅ Improved Wave Realism — Updated spectrum produces more organic wave patterns. ✅Improve Lighting Model — completely revamped lighting model that produces realistic color changes in shallows areas and allows you to see through water surface ✅Persistent Wave-Crest Foam — Foam lingers and rolls off breaking waves. ✅Multiplayer-Ready Determinism — fixed-step simulation and syncing between clients ✅Sea Spray — attach emitters to boats, rocks, etc. to generate spray as water hits the surface ✅Rain — wind-driven streaks plus water-surface ripples. ✅HDRI Environment Maps — procedural sky has been replaced by realistic HDRI maps ✅Boat Wake — V-shaped wakes with automatic foam on breaking crests, and much more!

Dan Greenheck

62,221 Aufrufe • vor 4 Monaten

In a first for the country, a De Havilland Canada DHC-6 Twin Otter was successfully converted into a seaplane with floats attached and carried out a test flight over the Ganga Barrage in Haridwar, marking a significant step for India’s regional and water-based aviation. #Seaplane #AviationNews #TwinOtter #Uttarakhand #Haridwar #IndianAviation

In a first for the country, a De Havilland Canada DHC-6 Twin Otter was successfully converted into a seaplane with floats attached and carried out a test flight over the Ganga Barrage in Haridwar, marking a significant step for India’s regional and water-based aviation. #Seaplane #AviationNews #TwinOtter #Uttarakhand #Haridwar #IndianAviation

The Times Of India

69,741 Aufrufe • vor 6 Monaten

Casting Abilities is my new open-source Avatar bending sandbox in the browser. Using Google AI Studio + Three.js, hand-written GLSL, GPU-instanced particles. Draw a path, release, and Fire / Water / Earth / Air rides the spline and detonates. Or switch to walk mode and ride it yourself on an air ball. Source code :

Chiro Visuals

56,012 Aufrufe • vor 2 Monaten

It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.

It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.

Dan Greenheck

24,140 Aufrufe • vor 4 Monaten