Loading video...

Video Failed to Load

Go Home

Built an interactive Three.js system where click/touch input morphs 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇

techartist_'s profile picture

Techartist

14,194 subscribers

17,166 views • 11 days 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

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

14,069 views • 1 month ago

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.
0:18

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

22,919 views • 4 months ago

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.
0:14

4M particles rendering interactive HTML. Displacement is triggered by cursor velocity above a threshold. Built with Claude Code.

Zsolt Kacso

46,419 views • 2 months ago

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO
0:14

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

15,991 views • 3 years ago

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,323 views • 1 month ago

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL
0:18

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Matias 🧉

12,954 views • 1 month 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. 👇
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 • 5 months ago

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer
0:12

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer

Leon

49,852 views • 9 months ago

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.
0:18

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

83,844 views • 7 months ago

🧮 Leanstral keeps things lean. The first open-source code agent for Lean 4 is built into Vibe so you can run formal verification and mathematical proofs. Run /leanstall to use it.
0:18

🧮 Leanstral keeps things lean. The first open-source code agent for Lean 4 is built into Vibe so you can run formal verification and mathematical proofs. Run /leanstall to use it.

Mistral Vibe

26,304 views • 3 months ago

particles + threejs is the cheat code for banger interactive animations.. » wizard » Cortiz
0:12

particles + threejs is the cheat code for banger interactive animations.. » wizard » Cortiz

Aurelien

20,123 views • 1 month ago

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on
0:13

Nuxt Movies Demo now leverages the browser View Transitions API 🪄 Source code is open source on

Nuxt

383,134 views • 3 years ago

built another new open-source component: an interactive inline project card dropdown—
0:14

built another new open-source component: an interactive inline project card dropdown—

Harsh

166,592 views • 1 year ago

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼
0:15

someone stop me, I am playing around with particles again stack used: - threejs - javascript - shaders written in glsl more 3D sketches made with javascript and their source code completely open-source 👇🏼

Sagar ✭

219,607 views • 1 year 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 • 1 month 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,754 views • 2 months ago

Autoencoder by hand✍️Excel~ I designed this exercise to show how an Encoder-Decoder network convert input to code and reconstruct input from code. It is annotated with equations, PyTorch, and graphs. 👇Join the 'AI Math' community. Download xlsx.
0:15

Autoencoder by hand✍️Excel~ I designed this exercise to show how an Encoder-Decoder network convert input to code and reconstruct input from code. It is annotated with equations, PyTorch, and graphs. 👇Join the 'AI Math' community. Download xlsx.

Tom Yeh

101,555 views • 1 year ago

One line of code is the difference between a working shader and breaking out of the Matrix. 😎
0:14

One line of code is the difference between a working shader and breaking out of the Matrix. 😎

Mirza Beig

83,928 views • 1 year ago

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:
0:13

New favorite noise function! I had lots of fun tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:

Ksenia Kondrashova

20,374 views • 2 years ago

Turn any repo into production-quality docs, auto-generated from source code
0:11

Turn any repo into production-quality docs, auto-generated from source code

Mintlify

33,539,914 views • 4 months ago