Loading video...

Video Failed to Load

Go Home

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

techartist_'s profile picture

Techartist

14,948 subscribers

1,007,758 views • 1 year ago •via X (Twitter)

Science & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊
0:29

Coded with Grok 4 - An interactive 3D visualizer with real-time audio reactivity, built using Three.js. Demo/code in reply. 👇🔊

Techartist

1,476,632 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

107,173 views • 1 year ago

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇
0:36

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇

Techartist

1,421,253 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 • 1 year ago

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.
0:28

Coded with Grok 4 from xAI , built this Three.js demo using a 3D model from its examples. Imagine building on it for fun school learning or an immersive game/web experience. Grok 4's coding abilities open up creative possibilities for everyone.

Techartist

58,404 views • 1 year ago

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form
0:32

I'm making games with Grok 4 to force myself to work out > do a chin-up, save a cat > push-ups for puppies > planking for penguins coded with Grok 4 (built by xAI), using mediapipe AI vision and Three.js for animations body movement is tracked in real-time and scores are only counted when the exercise is done with proper form

AA

175,478 views • 1 year ago

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!
0:58

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

221,788 views • 1 year ago

Generate animated 3D characters for your vibe coded Three.js game in <5 mins 1. Generate 2D character with Google Gemini 2. Convert to 3D with TRELLIS 3. Convert GLB to FBX 4. Import to valentina Mendez Mendez to animate 5. Export FBX + animations for your three.js game Here's an orc for my game
0:41

Generate animated 3D characters for your vibe coded Three.js game in <5 mins 1. Generate 2D character with Google Gemini 2. Convert to 3D with TRELLIS 3. Convert GLB to FBX 4. Import to valentina Mendez Mendez to animate 5. Export FBX + animations for your three.js game Here's an orc for my game

Majid Manzarpour

130,909 views • 1 year 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,104,340 views • 1 year 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,280,021 views • 1 year ago

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.
0:20

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.

Techartist

29,305 views • 11 months ago

ok.. Claude Opus 5 is next level with Three.js a sakura bonsai, entirely in code, demo link below 👇
1:13

ok.. Claude Opus 5 is next level with Three.js a sakura bonsai, entirely in code, demo link below 👇

Majid Manzarpour

25,813 views • 1 month ago

Card hover with 3D shape sculpting, Three.js. Built with Cursor, Composer 2.5.
0:21

Card hover with 3D shape sculpting, Three.js. Built with Cursor, Composer 2.5.

Zsolt Kacso

296,450 views • 3 months ago

AI 3D workflows for web are getting scary good. Here is a demo with a large splat background (+LoD), mesh character, spatial audio, VR support, and lighting. I was able to create it in a few hours (repo in reply). built with Three.js spark World Labs Audio on :)
1:03

AI 3D workflows for web are getting scary good. Here is a demo with a large splat background (+LoD), mesh character, spatial audio, VR support, and lighting. I was able to create it in a few hours (repo in reply). built with Three.js spark World Labs Audio on :)

martin_casado

82,670 views • 9 months ago

Built a web app with Grok 4 that turns topics you give it like "back propagation" into step-by-step educational videos with LaTeX and animations. Still tweaking the video generation created by Grok 4 via code.
0:29

Built a web app with Grok 4 that turns topics you give it like "back propagation" into step-by-step educational videos with LaTeX and animations. Still tweaking the video generation created by Grok 4 via code.

tetsuo

37,678 views • 1 year ago

Building a 3D Landing Page with Claude Code + Blender + Three.js.
8:53

Building a 3D Landing Page with Claude Code + Blender + Three.js.

Grant ❂

31,267 views • 13 days ago