Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 4 ay önce

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

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 görüntüleme • 4 gün önce

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

3D Lissajous curve in AR Three.js Spectacles

dmvrg

28,340 görüntüleme • 4 ay önce

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 görüntüleme • 2 yıl önce

👀 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 görüntüleme • 11 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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,788 görüntüleme • 2 ay önce

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 görüntüleme • 23 gün önce

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,581 görüntüleme • 1 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 25 gün önce

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 görüntüleme • 3 ay önce

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,493 görüntüleme • 1 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce

🌍 Back from hiatus! Continuing the Three.js Gamedev course with Infinite worlds—how do you keep them smooth? There's a bunch of moving parts here. You've got to keep an eye on memory, while loading and unloading assets smoothly and keeping framerate hitches to a minimum. In this section, we'll tackle how to build a streaming system and look at what features Three.js offers to make this easier. 🔔 Want to be notified? Sign up here 👉 #threejs #gamedev
0:10

🌍 Back from hiatus! Continuing the Three.js Gamedev course with Infinite worlds—how do you keep them smooth? There's a bunch of moving parts here. You've got to keep an eye on memory, while loading and unloading assets smoothly and keeping framerate hitches to a minimum. In this section, we'll tackle how to build a streaming system and look at what features Three.js offers to make this easier. 🔔 Want to be notified? Sign up here 👉 #threejs #gamedev

Simon

17,138 görüntüleme • 1 yıl önce