Loading video...

Video Failed to Load

Go Home

Interactive 3D particle simulation with evolving swarm formations, procedural animations, morphing transitions, and dynamic abstract structures.

techartist_'s profile picture

Techartist

14,028 subscribers

11,063 views • 1 month 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

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

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

Puneet | Techartist

14,638 views • 1 year ago

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 • 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 • 11 months ago

Moonshot Kimi-K2 Kimi.ai + Groq Inc vibe coding a 3D particle simulation that forms morphing shapes (like spheres, toruses, hearts), with depth-of-field, motion blur, and color trails
1:47

Moonshot Kimi-K2 Kimi.ai + Groq Inc vibe coding a 3D particle simulation that forms morphing shapes (like spheres, toruses, hearts), with depth-of-field, motion blur, and color trails

AK

18,959 views • 11 months ago

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.
0:25

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

Techartist

20,282 views • 1 month ago

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.
0:42

An interactive 3D particle system visualizing dynamic attractors. Coded with Grok 4 from xAI using Three.js and custom GLSL shaders for particle behavior and post-processing effects like Unreal Bloom. Click morphs between generative patterns.

Techartist

14,276,893 views • 11 months 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,955 views • 1 year ago

3D particle simulation has some charm in it. Though, I paused it and pushing forward the 2D one.
0:21

3D particle simulation has some charm in it. Though, I paused it and pushing forward the 2D one.

Zolden

65,367 views • 6 months ago

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇
0:26

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Techartist

1,007,164 views • 10 months ago

Static slides are out, and dynamic storytelling is in! Create projects in Google Vids that are visually engaging with animations, transitions, and object tracks. Watch and learn →
4:41

Static slides are out, and dynamic storytelling is in! Create projects in Google Vids that are visually engaging with animations, transitions, and object tracks. Watch and learn →

Google Workspace

37,640 views • 8 months ago

particle simulation dithering
0:24

particle simulation dithering

Adam Fuhrer

93,409 views • 1 month ago

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.
0:36

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 views • 10 months ago

Textbooks haven't changed in 100 years. Until now... Smart Biology's LIFE 3D Animated Textbooks replace flat diagrams with immersive 3D models, narration, and interactive quizzes. It's the textbook reimagined. #biology #science #3D #animations #EdTech
0:20

Textbooks haven't changed in 100 years. Until now... Smart Biology's LIFE 3D Animated Textbooks replace flat diagrams with immersive 3D models, narration, and interactive quizzes. It's the textbook reimagined. #biology #science #3D #animations #EdTech

Smart Biology

70,592 views • 9 months ago

Building a Hydrogen home for a global icon 👩‍🎤 Commerce-UI elevated Lady Gaga’s digital presence with a headless-first website: • Highly customizable interactive elements • Unified commerce and content platform • Fast transitions and animations
0:43

Building a Hydrogen home for a global icon 👩‍🎤 Commerce-UI elevated Lady Gaga’s digital presence with a headless-first website: • Highly customizable interactive elements • Unified commerce and content platform • Fast transitions and animations

Shopify Developers

12,307 views • 1 year ago

Quantum Simulation Displaying Particle Scattering:
0:29

Quantum Simulation Displaying Particle Scattering:

ₕₐₘₚₜₒₙ

160,720 views • 1 year ago

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.
1:21

Marblie is a web-based 3D marble run game that explores interactive building mechanics and real-time physics simulation in the browser.

Three.js

15,524 views • 1 year ago

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!
0:26

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

Renaud

130,968 views • 8 months ago