Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Techartist

14,364 subscribers

21,810 görüntüleme • 6 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: 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 • 6 ay ö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 • 1 yıl önce

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better
0:12

Gemini 3.1 Pro vs Opus 4.6 opus is consistent and relaible Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Chetaslua

37,519 görüntüleme • 5 ay önce

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

176,257 görüntüleme • 3 ay önce

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

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

I got early access to the new ElevenLabs model, and it's INSANE. You can prompt for emotions, accents, sound effects - all in one easy-to-use editor. I'll share some of my favorite generations, starting with a chaotic restaurant scene 👇
0:10

I got early access to the new ElevenLabs model, and it's INSANE. You can prompt for emotions, accents, sound effects - all in one easy-to-use editor. I'll share some of my favorite generations, starting with a chaotic restaurant scene 👇

Justine Moore

25,019 görüntüleme • 1 yıl önce

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.
0:15

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.

Peter Thomson

27,048 görüntüleme • 6 ay önce

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

Cursor position and color uniforms are now available to custom shaders in Ghostty, enabling cursor animations (and other effects). Video below is a rough demo of something simple. Can't wait to see what the custom shader community does with this. :) Docs:
0:13

Cursor position and color uniforms are now available to custom shaders in Ghostty, enabling cursor animations (and other effects). Video below is a rough demo of something simple. Can't wait to see what the custom shader community does with this. :) Docs:

Mitchell Hashimoto

70,073 görüntüleme • 1 yıl önce

One reaction changed everything. From human to pure energy, science became the future Created with Seedance 2.0 on WaveSpeedAI Prompt: A cinematic ultra-realistic sequence inside a futuristic high-tech chemistry laboratory. A brilliant young scientist wearing a white lab coat carefully pours a glowing blue serum into a transparent glass flask. Suddenly, the unstable chemical reaction erupts into an intense burst of golden, cyan, and violet energy. The scientist is engulfed in the radiant explosion as their body begins dissolving into billions of glowing atoms, molecules, and quantum particles. The camera performs a dramatic 360° orbit while every atom separates in slow motion, connected by luminous chemical bonds and streams of plasma energy. The particles travel through a breathtaking microscopic molecular universe filled with floating DNA helices, orbiting electrons, crystal lattices, colorful chemical reactions, and glowing periodic elements. The energy stream accelerates through a cosmic tunnel of atoms before converging again. Every molecule perfectly reassembles into the scientist, who now appears as an upgraded futuristic version wearing a sleek nanotech suit with glowing blue energy lines. Their eyes emit a soft electric glow as waves of molecular energy ripple across the laboratory. The room transforms into an advanced AI research facility with holographic chemical formulas floating in the air. The scientist confidently raises a hand, creating a luminous sphere of molecular energy above their palm. Cinematic camera movement, Hollywood VFX, hyper-realistic chemistry simulation, volumetric lighting, particle physics, ultra-detailed molecular animation, seamless transformation, dramatic slow motion, shallow depth of field, 8K, masterpiece, photorealistic, epic sci-fi atmosphere, vertical 16.9
0:15

One reaction changed everything. From human to pure energy, science became the future Created with Seedance 2.0 on WaveSpeedAI Prompt: A cinematic ultra-realistic sequence inside a futuristic high-tech chemistry laboratory. A brilliant young scientist wearing a white lab coat carefully pours a glowing blue serum into a transparent glass flask. Suddenly, the unstable chemical reaction erupts into an intense burst of golden, cyan, and violet energy. The scientist is engulfed in the radiant explosion as their body begins dissolving into billions of glowing atoms, molecules, and quantum particles. The camera performs a dramatic 360° orbit while every atom separates in slow motion, connected by luminous chemical bonds and streams of plasma energy. The particles travel through a breathtaking microscopic molecular universe filled with floating DNA helices, orbiting electrons, crystal lattices, colorful chemical reactions, and glowing periodic elements. The energy stream accelerates through a cosmic tunnel of atoms before converging again. Every molecule perfectly reassembles into the scientist, who now appears as an upgraded futuristic version wearing a sleek nanotech suit with glowing blue energy lines. Their eyes emit a soft electric glow as waves of molecular energy ripple across the laboratory. The room transforms into an advanced AI research facility with holographic chemical formulas floating in the air. The scientist confidently raises a hand, creating a luminous sphere of molecular energy above their palm. Cinematic camera movement, Hollywood VFX, hyper-realistic chemistry simulation, volumetric lighting, particle physics, ultra-detailed molecular animation, seamless transformation, dramatic slow motion, shallow depth of field, 8K, masterpiece, photorealistic, epic sci-fi atmosphere, vertical 16.9

ayzalnoor

16,735 görüntüleme • 11 gün önce

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles
0:15

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 görüntüleme • 11 ay önce

You don't need Claude Fable 5 or GPT-5.6 I built with Claude 👇 Drifting particles + pulsing sound rings, the techniques: 1. Flow field = each particle reads a Simplex noise field for which way to drift, organic not random. 2. GPGPU = thousands of particles updated on the GPU in a texture, 60fps on a phone. 3. Audio-reactive shader = the rings pulse to the track frequency data. 4. Selective bloom = only the bright parts glow. Lenis + GSAP + Three.js. Save this 🔊
0:16

You don't need Claude Fable 5 or GPT-5.6 I built with Claude 👇 Drifting particles + pulsing sound rings, the techniques: 1. Flow field = each particle reads a Simplex noise field for which way to drift, organic not random. 2. GPGPU = thousands of particles updated on the GPU in a texture, 60fps on a phone. 3. Audio-reactive shader = the rings pulse to the track frequency data. 4. Selective bloom = only the bright parts glow. Lenis + GSAP + Three.js. Save this 🔊

FHILY👑

462,463 görüntüleme • 1 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 AI (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 AI (tool by Spline).

Gábor Pribék

142,152 görüntüleme • 3 ay önce

When a peaceful walk turns into an epic fantasy boss fight. Created with Seedance 2.0 Prompt: cinematic, high-action scene set in a misty, rural rice paddy field in Asia. A brave male warrior dressed in traditional fantasy armor stands on a narrow mud path, facing a colossal, terrifying red dragon emerging from the dense fog and water. The warrior is wielding magical green energy, casting glowing spells from his hands. Intense battle sequence with dramatic camera angles, dynamic movement, splashing water, swirling fog, and particle effects. In a climactic moment, the warrior unleashes a powerful green energy beam that hits the dragon, causing it to explode into a massive cloud of red petals and debris. High-quality 3D animation style, epic atmosphere, hyper-realistic textures. #AIAnimation #FantasyArt
0:15

When a peaceful walk turns into an epic fantasy boss fight. Created with Seedance 2.0 Prompt: cinematic, high-action scene set in a misty, rural rice paddy field in Asia. A brave male warrior dressed in traditional fantasy armor stands on a narrow mud path, facing a colossal, terrifying red dragon emerging from the dense fog and water. The warrior is wielding magical green energy, casting glowing spells from his hands. Intense battle sequence with dramatic camera angles, dynamic movement, splashing water, swirling fog, and particle effects. In a climactic moment, the warrior unleashes a powerful green energy beam that hits the dragon, causing it to explode into a massive cloud of red petals and debris. High-quality 3D animation style, epic atmosphere, hyper-realistic textures. #AIAnimation #FantasyArt

Avelyrah

12,601 görüntüleme • 13 gün ö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,836 görüntüleme • 3 ay önce

A quick test of using 3d drawing with 6DOF controllers as an "instructor" for a generative AI process. There's so many powerful and fun new ways to create just around the corner.. Here I'm using Dreams, Krea and 3daistudio. The 3d model at the end of the video was generated from the Dreams+Krea output in just around 15 seconds. Only the model on the left is a "true" 3d model. #ai #madeindreams
0:17

A quick test of using 3d drawing with 6DOF controllers as an "instructor" for a generative AI process. There's so many powerful and fun new ways to create just around the corner.. Here I'm using Dreams, Krea and 3daistudio. The 3d model at the end of the video was generated from the Dreams+Krea output in just around 15 seconds. Only the model on the left is a "true" 3d model. #ai #madeindreams

Martin Nebelong

132,864 görüntüleme • 2 yıl önce

How I build with Claude Fable 5 1. Three.js = rotate and explore any product in 3D in the browser 2. Color swatches = swap a material value to change the model live 3. CSS radial-gradient = premium spotlight glow zero images 4. GSAP ScrollTrigger = scroll turns one screen into a full story 5. Monospace fonts = signal precision and luxury instantly 6. AudioContext = ambient sound toggle in one call Save this
0:13

How I build with Claude Fable 5 1. Three.js = rotate and explore any product in 3D in the browser 2. Color swatches = swap a material value to change the model live 3. CSS radial-gradient = premium spotlight glow zero images 4. GSAP ScrollTrigger = scroll turns one screen into a full story 5. Monospace fonts = signal precision and luxury instantly 6. AudioContext = ambient sound toggle in one call Save this

FHILY👑

149,179 görüntüleme • 1 ay önce

🚨PromptShare🚨 Epic Chaotic freeze scene shot with Seedance 2 Made in #Pixverse PROMPT A chaotic urban scene freezes instantly mid-motion, people, debris, and particles suspended in air, opening on a slow dolly through frozen elements, camera weaving between floating glass shards and halted explosions, then a glowing pulse begins forming at the center, time slowly cracking like glass, camera pushing closer as fractures spread across reality, ending with a sudden release where everything resumes at once in an explosive burst of motion and energy.
0:15

🚨PromptShare🚨 Epic Chaotic freeze scene shot with Seedance 2 Made in #Pixverse PROMPT A chaotic urban scene freezes instantly mid-motion, people, debris, and particles suspended in air, opening on a slow dolly through frozen elements, camera weaving between floating glass shards and halted explosions, then a glowing pulse begins forming at the center, time slowly cracking like glass, camera pushing closer as fractures spread across reality, ending with a sudden release where everything resumes at once in an explosive burst of motion and energy.

Pierrick Chevallier | IA

13,316 görüntüleme • 3 ay önce

Seeing The Quantum World In Action! Ever wondered how particles pass through impossible barriers? This video provides a clear visualization of the Quantum Tunneling Effect, a fundamental phenomenon in quantum mechanics where a particle passes through a potential barrier that it classically could not surmount. Watch as the incident wave packet interacts with the potential barrier, resulting in both reflected and transmitted components. We break down the Schrödinger equation and the formula for transmission probability. Perfect for students and physics enthusiasts looking to understand the wave-particle duality and the probabilistic nature of the subatomic world. #QuantumPhysics #Manim #Physics #QuantumMechanics #Schrodinger
0:13

Seeing The Quantum World In Action! Ever wondered how particles pass through impossible barriers? This video provides a clear visualization of the Quantum Tunneling Effect, a fundamental phenomenon in quantum mechanics where a particle passes through a potential barrier that it classically could not surmount. Watch as the incident wave packet interacts with the potential barrier, resulting in both reflected and transmitted components. We break down the Schrödinger equation and the formula for transmission probability. Perfect for students and physics enthusiasts looking to understand the wave-particle duality and the probabilistic nature of the subatomic world. #QuantumPhysics #Manim #Physics #QuantumMechanics #Schrodinger

Equationsinmotion

25,400 görüntüleme • 1 ay önce

As announced in partnership with NVIDIA at CES, we’re excited to introduce Stable Point Aware 3D (SPAR3D), setting a new standard in 3D generation. Ideal for running on NVIDIA RTX AI PCs, SPAR3D enables real-time editing and complete structure generation of 3D objects from a single image in under a second. You can download the weights on Hugging Face and code on GitHub, or access the model through the Stability AI API. Learn more here: (1/3)
0:13

As announced in partnership with NVIDIA at CES, we’re excited to introduce Stable Point Aware 3D (SPAR3D), setting a new standard in 3D generation. Ideal for running on NVIDIA RTX AI PCs, SPAR3D enables real-time editing and complete structure generation of 3D objects from a single image in under a second. You can download the weights on Hugging Face and code on GitHub, or access the model through the Stability AI API. Learn more here: (1/3)

Stability AI

181,479 görüntüleme • 1 yıl önce