Loading video...

Video Failed to Load

Go Home

from the archives - a particle fluid sim i'd originally built in unity now translated to webgl / Three.js ! Claude was surprisingly good at all the boring bits with glsl compatibility etc so i could focus on the creative, building on the wordmark in my folio. link below ↓

ajayns_'s profile picture

Aj

3,008 subscribers

23,966 views • 5 months 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 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 views • 1 year ago

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

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 views • 1 year ago

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 views • 1 year ago

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.
0:36

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 views • 11 months 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

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

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,743 views • 1 year ago

Particle toy experiment, motion blur is simulated by stretching particles along their velocity in the vertex shader. Cheap trick but worked surprisingly well! (WebGL, three.js, TypeScript)
0:34

Particle toy experiment, motion blur is simulated by stretching particles along their velocity in the vertex shader. Cheap trick but worked surprisingly well! (WebGL, three.js, TypeScript)

🌈 George Corney

214,584 views • 2 years ago

🤯 Just build Fortnite in React ... With the new releases of r3/timeline and r3/viverse, building a character controller with Three.js is now easier then ever. Checkout the link below for a full tutorial on to build the demo in the video.
0:44

🤯 Just build Fortnite in React ... With the new releases of r3/timeline and r3/viverse, building a character controller with Three.js is now easier then ever. Checkout the link below for a full tutorial on to build the demo in the video.

Bela Bohlender

103,714 views • 8 months ago

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)
3:24

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

🌈 George Corney

72,330 views • 2 years ago

So @eyisi_noble insists on releasing my appearance on his podcast in bits (this was back in early May), because we spent nearly 4 hours talking. Here's a snippet from the latest bit. Full video link is in the thread below
2:19

So @eyisi_noble insists on releasing my appearance on his podcast in bits (this was back in early May), because we spent nearly 4 hours talking. Here's a snippet from the latest bit. Full video link is in the thread below

David Hundeyin

227,619 views • 3 years ago

Oh my god... Claude Code is insane I created "Particle Playground" with Claude Code on the using Mediapipe Full Prompt below 👇
0:25

Oh my god... Claude Code is insane I created "Particle Playground" with Claude Code on the using Mediapipe Full Prompt below 👇

Emily Lambert

267,516 views • 6 months ago

Now that Hytale shared an awesome video showcasing the upcoming creative tools, I thought I'd show my progress on my tool in Minecraft. Can't wait to also add this to Hytale. #Hytale #Minecraft #Building #Creative
8:43

Now that Hytale shared an awesome video showcasing the upcoming creative tools, I thought I'd show my progress on my tool in Minecraft. Can't wait to also add this to Hytale. #Hytale #Minecraft #Building #Creative

dennis

40,702 views • 7 months ago

Shaw (spirit/acc) Thank you for the idea to transition the Sitcom NFT concept (Unity WebGL) to Three.js/Babylon.js and integrate AI agents. The current version is being tested on Unity.
1:05

Shaw (spirit/acc) Thank you for the idea to transition the Sitcom NFT concept (Unity WebGL) to Three.js/Babylon.js and integrate AI agents. The current version is being tested on Unity.

SITCOM

11,261 views • 1 year ago

I went camping with my son on the weekend and all he could talk about was roasting "the perfect marshmallow". So I vibe coded him a marshmallow roasting simulator in a couple of hours. I provided the models and a lookdev render from Blender, Claude did the rest. Try it in your browser:
0:40

I went camping with my son on the weekend and all he could talk about was roasting "the perfect marshmallow". So I vibe coded him a marshmallow roasting simulator in a couple of hours. I provided the models and a lookdev render from Blender, Claude did the rest. Try it in your browser:

Andrew Price

20,769 views • 2 months ago

ok you all loved the focus reader so much i figured i'd just make it. link in the comments.
0:40

ok you all loved the focus reader so much i figured i'd just make it. link in the comments.

🍓🍓🍓

73,898 views • 5 months ago