Загрузка видео...

Не удалось загрузить видео

На главную

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

Techartist

14,011 subscribers

2,986,889 просмотров • 11 месяцев назад •via X (Twitter)

Наука и технологииОбразованиеИскусство
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 11

Фото профиля Chaitu
Chaitu11 месяцев назад

@threejs @grok @xai 👌

Фото профиля Techartist
Techartist11 месяцев назад

@threejs @grok @xai Thanks and congratulations on another awesome update. ❤️🙏 Wishing the team all the best for more.

Фото профиля Premium
Premium11 месяцев назад

Build your influence on the world's digital town square.

Фото профиля Andrew Zheng
Andrew Zheng11 месяцев назад

@threejs @grok @xai share link?

Фото профиля Techartist
Techartist11 месяцев назад

@threejs @grok @xai Thank you so much for your interest and the like! You can find the demo and source code here:

Фото профиля Michal Lajčiak
Michal Lajčiak11 месяцев назад

@threejs @grok @xai wow grok 4 is him.

Фото профиля Techartist
Techartist11 месяцев назад

@threejs @grok @xai Impressive it is... Grok 4

Фото профиля alby13
alby1311 месяцев назад

@threejs @grok @xai beautiful energetic

Фото профиля Techartist
Techartist11 месяцев назад

@threejs @grok @xai Thanks ❤️🙏🏼, though Grok 4 did most of the work.

Фото профиля Light
Light11 месяцев назад

@threejs @grok @xai Dope

Фото профиля Techartist
Techartist11 месяцев назад

@threejs @grok @xai Thanks ❤️

Похожие видео

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,864 просмотров • 11 месяцев назад

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 просмотров • 10 месяцев назад

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,502 просмотров • 11 месяцев назад

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 просмотров • 11 месяцев назад

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,955 просмотров • 1 год назад

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 просмотров • 11 месяцев назад

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 просмотров • 11 месяцев назад

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,138 просмотров • 9 месяцев назад

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

Puneet | Techartist

14,638 просмотров • 1 год назад

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 просмотров • 1 год назад

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 просмотров • 11 месяцев назад

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 просмотров • 1 год назад

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:
0:23

Might not be a bad idea for a barbershop website, huh? :D Vibe coded a paper-fold image effect and 3D point-cloud text geometry using custom GLSL shaders in Three.js with Gemini 3 Pro AI all in Google AI Studio. It was soo soo fun!! Live: Code:

The Bugged Dev

20,734 просмотров • 4 месяцев назад

A tabletop “black hole” uses high-voltage plasma in a sealed glass chamber, powered by a Tesla coil. A glowing ring mimics an accretion disk, while swirling plasma and a dark center create the illusion of light bending around an event horizon
0:32

A tabletop “black hole” uses high-voltage plasma in a sealed glass chamber, powered by a Tesla coil. A glowing ring mimics an accretion disk, while swirling plasma and a dark center create the illusion of light bending around an event horizon

Science girl

180,199 просмотров • 2 месяцев назад

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:
0:28

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,877 просмотров • 3 месяцев назад

What happens if you fall into a black hole? NASA's Discover supercomputer created a visualization simulating an observer's approach to the event horizon of a supermassive black hole. Astrophysicists generated approximately 10 terabytes of data over five days, which would take over ten years on a conventional computer. The model depicts a black hole with a mass equivalent to 4.3 million solar masses, comparable to the central black hole in the Milky Way. The simulated black hole has an event horizon extending 25 million kilometers. The video demonstrates the approach to the black hole from a distance of 640 million kilometers to its complete collapse. You can see how the space around the black hole appears and is distorted, as well as the accretion disk and photon ring.
0:59

What happens if you fall into a black hole? NASA's Discover supercomputer created a visualization simulating an observer's approach to the event horizon of a supermassive black hole. Astrophysicists generated approximately 10 terabytes of data over five days, which would take over ten years on a conventional computer. The model depicts a black hole with a mass equivalent to 4.3 million solar masses, comparable to the central black hole in the Milky Way. The simulated black hole has an event horizon extending 25 million kilometers. The video demonstrates the approach to the black hole from a distance of 640 million kilometers to its complete collapse. You can see how the space around the black hole appears and is distorted, as well as the accretion disk and photon ring.

Black Hole

21,593 просмотров • 9 месяцев назад

🌀 3D/spherical black hole simulation. + Lensing and bright accretion particles. #gamedev #unity3d #vfx
0:52

🌀 3D/spherical black hole simulation. + Lensing and bright accretion particles. #gamedev #unity3d #vfx

Mirza Beig

208,412 просмотров • 5 месяцев назад

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.
0:29

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Simo Ryu

29,155 просмотров • 9 месяцев назад

🚨xAI: GROK 4 CAN VISUALIZE BLACK HOLES COLLIDING... IT’S GETTING COOL “So, I guess one of the coolest things about Grok 4 is its ability to understand the world and to solve hard problems by leveraging tools discussed. And I think one kind of cool example of this, we asked it to generate a visualization of two black holes colliding.” Source: xAI Elon Musk
2:26

🚨xAI: GROK 4 CAN VISUALIZE BLACK HOLES COLLIDING... IT’S GETTING COOL “So, I guess one of the coolest things about Grok 4 is its ability to understand the world and to solve hard problems by leveraging tools discussed. And I think one kind of cool example of this, we asked it to generate a visualization of two black holes colliding.” Source: xAI Elon Musk

Mario Nawfal

57,536 просмотров • 11 месяцев назад

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 просмотров • 11 месяцев назад