Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

techartist_'s profile picture

Techartist

14,514 subscribers

11,189 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

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

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

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

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

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

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

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,416 Aufrufe • vor 8 Monaten

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,623 Aufrufe • vor 11 Monaten

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

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

sidebar transitions and animations - dark and light built with claude 👨‍💻
0:40

sidebar transitions and animations - dark and light built with claude 👨‍💻

Arek

27,976 Aufrufe • vor 27 Tagen

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

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 Aufrufe • vor 19 Tagen

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

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 Aufrufe • vor 23 Tagen

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