Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Built an interactive 3D particle system with Grok 4.1 that morphs between Mobius strips, toroidal vortices, spherical harmonics, Lissajous curves and fractal branches, with a sci fi HUD, live stats, trails, and smooth camera controls.

Techartist

12,482 subscribers

83,844 views • 7 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

$A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic$

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

Puneet | Techartist

17,960 views • 1 year ago

Math and Music: An animated Halvorsen attractor rendered in 3D with glowing lines and smooth motion. Supports camera movement, dynamic lighting, and three visual themes that shift the mood and color of the form. Coded with Grok. 🔊

Math and Music: An animated Halvorsen attractor rendered in 3D with glowing lines and smooth motion. Supports camera movement, dynamic lighting, and three visual themes that shift the mood and color of the form. Coded with Grok. 🔊

Techartist

11,103 views • 4 months ago

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

Math and Music: Interactive 3D Three.js visualization of the Hindmarsh–Rose neuron model, rendered as a glowing chaotic attractor with particle energy flow, bloom effects, orbit controls, and color themes. Demo/code in comments. 👇

Techartist

21,714 views • 5 months ago

Built my version of an interactive 3D V8 engine sim with real-time procedural kinematics and RPM controls. Didn't use Fable 5, and the AI I used actually costs less than Opus.

Built my version of an interactive 3D V8 engine sim with real-time procedural kinematics and RPM controls. Didn't use Fable 5, and the AI I used actually costs less than Opus.

Techartist

42,027 views • 8 days ago

👀 Ever see a 3D sci-fi energy shield like this? Realtime, interactive (per-tile), procedurally animated, and has layers of shaders with particle effects - I wanted to make something unique and "technically advanced", but also modular for performance scaling. It's straightforward to address individual tiles and hook in your own effects and calls with custom events. I'll be posting this very soon (for Unity URP).

👀 Ever see a 3D sci-fi energy shield like this? Realtime, interactive (per-tile), procedurally animated, and has layers of shaders with particle effects - I wanted to make something unique and "technically advanced", but also modular for performance scaling. It's straightforward to address individual tiles and hook in your own effects and calls with custom events. I'll be posting this very soon (for Unity URP).

Mirza Beig

99,240 views • 11 months ago

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

A Three.js and GLSL mathematical lattice engine that morphs between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇

Techartist

14,069 views • 14 days ago

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

Dominik Fojcik

189,301 views • 11 months ago

Seamless 2D and 3D blending, Super smooth rotations, incredible dance choreography with dynamic camera movements and drawings with an absurd amount of volume that never look off in any angle. Directed, Storyboarded & Animated by Shinpei Kamata

Seamless 2D and 3D blending, Super smooth rotations, incredible dance choreography with dynamic camera movements and drawings with an absurd amount of volume that never look off in any angle. Directed, Storyboarded & Animated by Shinpei Kamata

Gloomy 💜✌️

640,609 views • 10 months ago

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline

Benji Taylor

92,726 views • 4 months ago

gemini 3 is unbelievable it can create an app that turns image into 3D interactive The Matrix scene, adjust particle amount, color, density interact with particles using mouse or hands created with text prompts, no code needed

gemini 3 is unbelievable it can create an app that turns image into 3D interactive The Matrix scene, adjust particle amount, color, density interact with particles using mouse or hands created with text prompts, no code needed

el.cine

1,842,356 views • 6 months ago

designers are getting replaced fast this AI agent build a 3D interactive website, from scratch, no coding it comes up with ideas, designs UI, adds 3D particle effects and edits everything on command step by step tutorial + prompts 👇

designers are getting replaced fast this AI agent build a 3D interactive website, from scratch, no coding it comes up with ideas, designs UI, adds 3D particle effects and edits everything on command step by step tutorial + prompts 👇

el.cine

92,262 views • 2 months ago

Explore an emotional sci-fi game that features a unique blend of adventure, survival, and base-building elements. Wishlist Now.

Explore an emotional sci-fi game that features a unique blend of adventure, survival, and base-building elements. Wishlist Now.

The Alters | MAJOR UPDATE OUT NOW🐑

52,091 views • 2 years ago

GROK 4.1: THE GOD-TIER FOR C PROGRAMMING While other models trip over pointers, Grok 4.1 treats C programming like light work! Code Flex: •⁠ ⁠Handles entire codebases in one go with that massive context •⁠ ⁠Spots memory bugs before you even think compile •⁠ ⁠Runs tool calls and tests like it has a built-in terminal •⁠ ⁠Keeps accuracy tight without hallucinating random nonsense Other models attempt C programming – Grok 4.1 treats it like warm-up stretches! Source: Grok

GROK 4.1: THE GOD-TIER FOR C PROGRAMMING While other models trip over pointers, Grok 4.1 treats C programming like light work! Code Flex: •⁠ ⁠Handles entire codebases in one go with that massive context •⁠ ⁠Spots memory bugs before you even think compile •⁠ ⁠Runs tool calls and tests like it has a built-in terminal •⁠ ⁠Keeps accuracy tight without hallucinating random nonsense Other models attempt C programming – Grok 4.1 treats it like warm-up stretches! Source: Grok

Mario Nawfal

24,666 views • 6 months ago

Hi #PitchYaGame Lie of Caelum: Spirit is a JRPG heavily inspired by Xenogears and Phantasy Star Online. Pilot mechas in combat that blends turn-based decisions with fighting-game execution: combo strings, timing parries, and three attack types you rotate between. Step into a world where sci-fi philosophy meets cosmic religion in a story that questions what civilization is built on.

Hi #PitchYaGame Lie of Caelum: Spirit is a JRPG heavily inspired by Xenogears and Phantasy Star Online. Pilot mechas in combat that blends turn-based decisions with fighting-game execution: combo strings, timing parries, and three attack types you rotate between. Step into a world where sci-fi philosophy meets cosmic religion in a story that questions what civilization is built on.

Lie of Caelum: Spirit - Wishlist Us!

19,996 views • 15 days ago

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

Built an interactive 3D TPMS atlas exploring mathematical surfaces through procedural shaders, volumetric field computation and realtime topology visualisation.

Techartist

25,221 views • 1 month ago

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

Ibelick

14,881 views • 7 months ago

This isn't sci-fi. It's built using Direct Metal Laser Sintering (DMLS), a 3D-printing process that fuses titanium powder layer by layer with high-precision lasers. Each print forms thousands of tiny interlocking links, creating a flexible, chainmail-like sheet that moves almost like real fabric.

This isn't sci-fi. It's built using Direct Metal Laser Sintering (DMLS), a 3D-printing process that fuses titanium powder layer by layer with high-precision lasers. Each print forms thousands of tiny interlocking links, creating a flexible, chainmail-like sheet that moves almost like real fabric.

Philosophy Of Physics

12,854 views • 4 months ago

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

346,601 views • 1 month ago

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.

Vercel

274,679 views • 2 years ago

Hi #PortfolioDay, I create 3D sci-fi art to inspire a dope future!

Hi #PortfolioDay, I create 3D sci-fi art to inspire a dope future!

Rui Huang

64,699 views • 2 months ago