Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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_'s profile picture

Techartist

12,649 subscribers

58,303 görüntüleme • 11 ay önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Techartist profil fotoğrafı
Techartist11 ay önce

The 3D model used from Three.js examples is by Tomas Laulhe with modifications by Don McCurdy.

Himanshu Kumar profil fotoğrafı
Himanshu Kumar11 ay önce

@xai @threejs Impressive! Coding education could leap ahead if classrooms embraced AI pair programmers.

Aurora Stecher profil fotoğrafı
Aurora Stecher11 ay önce

@xai @threejs Looks fun. 🤩

Techartist profil fotoğrafı
Techartist11 ay önce

@xai @threejs Thanks ❤️🙏🏼, that was the goal.

Dan profil fotoğrafı
Dan11 ay önce

@xai @threejs wow this was only grok?

Techartist profil fotoğrafı
Techartist11 ay önce

@xai @threejs Thanks, yes just Grok 4 (not Heavy)

Automation profil fotoğrafı
Automation11 ay önce

@xai @threejs 🤩🎶⚡️⚡️🎶

Techartist profil fotoğrafı
Techartist11 ay önce

@xai @threejs ❤️🙏🏼

🐧 lalo adrian morales 𝕏 profil fotoğrafı
🐧 lalo adrian morales 𝕏11 ay önce

@xai @threejs that's rad ! what are the lil windows ?? terminals?

Techartist profil fotoğrafı
Techartist11 ay önce

@xai @threejs Thanks ❤️🙏🏼, they represent holographic panels

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

We’re diligently improving Grok, building a specialized coding model, improving multi modal capabilities, and developing a strong model for video generation and understanding. Grok on Web: Grok on iOS: Grok on Android: Grok API console:
2:39

We’re diligently improving Grok, building a specialized coding model, improving multi modal capabilities, and developing a strong model for video generation and understanding. Grok on Web: Grok on iOS: Grok on Android: Grok API console:

xAI

176,186 görüntüleme • 11 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,006,901 görüntüleme • 9 ay önce

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI
0:30

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,986,432 görüntüleme • 11 ay ö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

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

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.
0:32

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

Techartist

2,853,462 görüntüleme • 10 ay önce

Built a webpage using Grok 4 Heavy to generate Grok Imagine prompts, based on Grok prompting tips from the web. Funny side note: I have scheduled tasks sent to my inbox from Grok4. One arrived while recording this video. Doomers are citing ethics about memes. 😂
1:02

Built a webpage using Grok 4 Heavy to generate Grok Imagine prompts, based on Grok prompting tips from the web. Funny side note: I have scheduled tasks sent to my inbox from Grok4. One arrived while recording this video. Doomers are citing ethics about memes. 😂

tetsuo

922,175 görüntüleme • 10 ay önce

Vibe coding with xAI grok 4 and Qwen Image on my phone
0:27

Vibe coding with xAI grok 4 and Qwen Image on my phone

AK

3,151,227 görüntüleme • 10 ay önce

Grok 4 coded this great 3D Ball runner game based on a few prompts. It's easy to play in the Grok window.
0:32

Grok 4 coded this great 3D Ball runner game based on a few prompts. It's easy to play in the Grok window.

Testlabor

3,030,705 görüntüleme • 10 ay önce

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below
0:40

planking for penguins 🐧 a real-time exercise tracking game, coded with Grok 4 (xAI) this uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low) also using Three.js for visuals and tonejs for audio this all runs in real-time in the browser, using a regular laptop + webcam 🔗 live demo below

AA

244,071 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

Team integrated Grok-4-fast-reasoning and Grok-coding-fast-1 this weekend. Fast as F...! More like Mach 4, not Grok 4. Congrats xAI team! 🇺🇸
1:22

Team integrated Grok-4-fast-reasoning and Grok-coding-fast-1 this weekend. Fast as F...! More like Mach 4, not Grok 4. Congrats xAI team! 🇺🇸

Shyam Sankar

103,694 görüntüleme • 8 ay önce

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪
0:53

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪

Skirmantas Januškas 📡

218,675 görüntüleme • 1 yıl önce

BREAKING 🚨: xAI released "Grok 4 Fast" in Early beta on the Grok web. Here is a comparison of Grok 4 vs. Grok 4 Fast in terms of speed. Fastest AI on the Earth? 👀
0:36

BREAKING 🚨: xAI released "Grok 4 Fast" in Early beta on the Grok web. Here is a comparison of Grok 4 vs. Grok 4 Fast in terms of speed. Fastest AI on the Earth? 👀

TestingCatalog News 🗞

75,101 görüntüleme • 8 ay önce

xAI is building a native desktop coding app called Grok Build. GitHub Copilot and JetBrains have dominated this space for years. Grok just showed up to compete on their turf. xAI is going after the IDE market directly.
0:51

xAI is building a native desktop coding app called Grok Build. GitHub Copilot and JetBrains have dominated this space for years. Grok just showed up to compete on their turf. xAI is going after the IDE market directly.

Mario Nawfal

107,931 görüntüleme • 1 ay önce

GrokPromptFun uses the xAI API to analyze images and provide optimized prompts for Grok Imagine. You can also enter brief image descriptions and get improved Imagine prompts. Entire webpage was built using Grok 4! It's free to use.
0:27

GrokPromptFun uses the xAI API to analyze images and provide optimized prompts for Grok Imagine. You can also enter brief image descriptions and get improved Imagine prompts. Entire webpage was built using Grok 4! It's free to use.

tetsuo

1,089,055 görüntüleme • 10 ay önce

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇
1:07

Just SKETCH IT, and GROK will bring it into reality for you! Building a web page has never been easier! See below how you can build a web page from a drawing using Grok! 👇

Nima Owji

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