Loading video...

Video Failed to Load

Go Home

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

techartist_'s profile picture

Techartist

12,794 subscribers

22,919 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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. 👇
0:14

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 • 4 months ago

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
0:19

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

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 👇
0:15

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

13,404 views • 5 days ago

3D Lissajous curve in AR Three.js Spectacles
0:16

3D Lissajous curve in AR Three.js Spectacles

dmvrg

28,340 views • 4 months ago

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

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

👀 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).
0:13

👀 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

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself
0:15

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself

Avery

546,335 views • 5 months ago

Incredible look at the Crow Instability behind an F-15! You see the wingtip vortices interact with the wake/contrails from the engine and turn into those ring-shaped (toroidal) features Beautiful fluid dynamics! HT Bryson Sullivan 🇺🇲 & Jonty
0:15

Incredible look at the Crow Instability behind an F-15! You see the wingtip vortices interact with the wake/contrails from the engine and turn into those ring-shaped (toroidal) features Beautiful fluid dynamics! HT Bryson Sullivan 🇺🇲 & Jonty

Chris Combs (iterative design enjoyer)

143,185 views • 2 years ago

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.
0:15

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.

Gábor Pribék

11,392 views • 24 days ago

Turn any webpage into a museum! 🏛️ Made this Chrome extension that uses Hunyuan 3D v3.1 on fal to turn any image into a 3D model, and three.js for the interactive viewer
0:16

Turn any webpage into a museum! 🏛️ Made this Chrome extension that uses Hunyuan 3D v3.1 on fal to turn any image into a 3D model, and three.js for the interactive viewer

Blendi

48,851 views • 2 months ago

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗
0:15

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗

Design.Gabor

19,642 views • 1 month 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. 🔊
0:17

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

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

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

Techartist

25,221 views • 26 days 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
0:11

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

91,800 views • 3 months ago

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

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

Rui Huang

64,550 views • 1 month 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
0:13

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,021 views • 10 months ago

Transparent Globe Project- It’s finally complete! 10 unique interactive 3D globes, each visualizing a completely different global dataset in real time. From river flows and seismic activity to population density, global inequality, satellite constellations, and even Sonic Nomad roaming the planet with live music. Every globe is transparent, responsive, and built from scratch to feel alive. #CreativeCoding Three.js React-three-fiber #DataVisualization #WebGL #GenerativeArt #BuildInPublic
0:17

Transparent Globe Project- It’s finally complete! 10 unique interactive 3D globes, each visualizing a completely different global dataset in real time. From river flows and seismic activity to population density, global inequality, satellite constellations, and even Sonic Nomad roaming the planet with live music. Every globe is transparent, responsive, and built from scratch to feel alive. #CreativeCoding Three.js React-three-fiber #DataVisualization #WebGL #GenerativeArt #BuildInPublic

SHAHNAB AHMED

37,564 views • 2 months ago

Depth Anything V2 is a total beast for real-time 3D. Built a website that hits 30fps+ depth reconstructions from a single camera feed, extruding 12k voxels via WebGPU. Pure ML running local Vision Transformers with Three.js and zero backend lag. Lmk in the comments if you want a copy! 🙌 Experience and music made with AI in Omma (tool by Spline).
0:15

Depth Anything V2 is a total beast for real-time 3D. Built a website that hits 30fps+ depth reconstructions from a single camera feed, extruding 12k voxels via WebGPU. Pure ML running local Vision Transformers with Three.js and zero backend lag. Lmk in the comments if you want a copy! 🙌 Experience and music made with AI in Omma (tool by Spline).

Gábor Pribék

141,472 views • 1 month 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 👇
0:19

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

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
0:16

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,840,478 views • 6 months ago