Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 27 gün önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 19 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 23 gün önce

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 görüntüleme • 1 yıl önce