Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

13,935 subscribers

1,006,901 görüntüleme • 9 ay önce •via X (Twitter)

Bilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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 • 10 ay önce

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

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

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇
0:40

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 görüntüleme • 1 yıl önce

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

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

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

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

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

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼
0:43

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 görüntüleme • 11 ay önce

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

290,918 görüntüleme • 18 gün ö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 • 11 ay önce

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 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 • 10 ay önce

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

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:
0:22

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

The Bugged Dev

21,128 görüntüleme • 4 ay önce

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎
0:29

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎

Grégory D'Angelo

1,331,375 görüntüleme • 1 yıl önce