Загрузка видео...

Не удалось загрузить видео

На главную

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_'s profile picture

Techartist

14,518 subscribers

12,243 просмотров • 20 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 19 дней назад

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. 👇
0:48

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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.
0:26

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,206 просмотров • 1 год назад

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
0:30

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,988,035 просмотров • 1 год назад

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊
0:30

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊

Techartist

11,776 просмотров • 1 год назад

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 просмотров • 5 месяцев назад

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
2:52

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 просмотров • 4 месяцев назад

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:
0:23

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 просмотров • 6 месяцев назад

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
0:40

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 просмотров • 3 месяцев назад

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!
0:23

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,015 просмотров • 2 месяцев назад

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.
0:41

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 просмотров • 2 месяцев назад

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
0:43

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 просмотров • 4 месяцев назад

ChatGPT 5.6 inside of Hermes Agent is INCREDIBLE I'm taking Claude out of all of my agents and replacing it with 5.6 sol medium It's better than Opus and also you can use your subscription In this video I cover how to update, all the improvements, and 3 awesome use cases:
13:51

ChatGPT 5.6 inside of Hermes Agent is INCREDIBLE I'm taking Claude out of all of my agents and replacing it with 5.6 sol medium It's better than Opus and also you can use your subscription In this video I cover how to update, all the improvements, and 3 awesome use cases:

Alex Finn

51,572 просмотров • 26 дней назад

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇
0:25

I pasted the Three.js code from the previous 3D scene in Grok 4 from xAI and prompted it to create a variation with new shapes. The scene leverages custom GLSL shaders for particle behavior and click morphs between shapes. Open source code and workflow in the thread below. 🧵👇

Techartist

3,103,961 просмотров • 1 год назад

GPT-5.6 Sol Ultra was given a full set of character references and asked to rebuild the character in Blender, rig it, create three animations, export a real GLB, and build a complete Three.js showcase around it. The entire pipeline was completed in 2 hours and 11 minutes. The final model still loses some of the original proportions, costume structure, and material fidelity, but going from reference images to a rigged, animated 3D character running in the browser is already a very strong result. Cc: Givros
0:27

GPT-5.6 Sol Ultra was given a full set of character references and asked to rebuild the character in Blender, rig it, create three animations, export a real GLB, and build a complete Three.js showcase around it. The entire pipeline was completed in 2 hours and 11 minutes. The final model still loses some of the original proportions, costume structure, and material fidelity, but going from reference images to a rigged, animated 3D character running in the browser is already a very strong result. Cc: Givros

Token Gremlin

37,583 просмотров • 1 месяц назад

Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics. Still can't believe what a difference it makes🤯
1:14

Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics. Still can't believe what a difference it makes🤯

Dan Greenheck

175,796 просмотров • 2 месяцев назад

Possibly GPT-5.6 being tested inside ChatGPT... I made this Three.js explorable space ship using ChatGPT with 5.5 Pro. The lighting is easily my favorite part, second the doors. And if you’ve ever played Star Citizen, you’ll probably notice the ship interior has a similar kind of layout and atmosphere. ( in very basic sense) It makes me wonder: If I gave the model a much more detailed prompt, with proper references, layout notes, materials, lighting direction, and gameplay goals… How much better could it get? Should I push the prompt further?
0:43

Possibly GPT-5.6 being tested inside ChatGPT... I made this Three.js explorable space ship using ChatGPT with 5.5 Pro. The lighting is easily my favorite part, second the doors. And if you’ve ever played Star Citizen, you’ll probably notice the ship interior has a similar kind of layout and atmosphere. ( in very basic sense) It makes me wonder: If I gave the model a much more detailed prompt, with proper references, layout notes, materials, lighting direction, and gameplay goals… How much better could it get? Should I push the prompt further?

Conor Dart

24,970 просмотров • 1 месяц назад