Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

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

14,364 subscribers

21,810 görüntüleme • 8 ay önce •via X (Twitter)

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. 🔊

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 • 7 ay önce

This isn’t a 3D model file. It’s 100% code Our world-famous Mars Cat avatar has been reconstructed entirely as Three.js source code No GLB at runtime. No model download. No textures or UV atlas. Just code, rendered directly in the browser It was created with IMG2THREEJS by Nick. An incredible open-source project with over 15,000 stars on GitHub And our Mars Cat is now featured on the home page gallery See it live below ↓. Grab the code. Add it to your game New to Three.js? It’s one of the most popular open-source JavaScript libraries for building interactive 3D experiences and games on the web

Jay B 😻🚀

15,044 görüntüleme • 12 gün ö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).

👀 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

100,101 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

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 • 6 ay önce

The Google Gemini can transform your questions and complex topics into custom and interactive visualizations — directly within your chat. Whether you’re rotating a molecule or simulating a complex physics system, you create 3D simulations with just one prompt in Gemini. Try starting your prompt with “show me...,” to get your interactive visualization. For the best results, try using Gemini’s Flash model.

The Google Gemini can transform your questions and complex topics into custom and interactive visualizations — directly within your chat. Whether you’re rotating a molecule or simulating a complex physics system, you create 3D simulations with just one prompt in Gemini. Try starting your prompt with “show me...,” to get your interactive visualization. For the best results, try using Gemini’s Flash model.

Google

302,602 görüntüleme • 21 gün önce

Share your results from Qwen3.8-27B! 👇 Here's 4-bit Qwen3.8-27B GGUF generating an interactive volcano simulation with geology, thermodynamics, fluid flow, buoyancy/drag, projectiles, cooling, groundwater interaction, and environmental effects in Unsloth Desktop. What’s your favorite prompt to test a new model with? GitHub:

Share your results from Qwen3.8-27B! 👇 Here's 4-bit Qwen3.8-27B GGUF generating an interactive volcano simulation with geology, thermodynamics, fluid flow, buoyancy/drag, projectiles, cooling, groundwater interaction, and environmental effects in Unsloth Desktop. What’s your favorite prompt to test a new model with? GitHub:

Unsloth AI

71,000 görüntüleme • 1 ay önce

I had an early access to GPT-6 Astra and I can say, everyone in the world now has a 3D designer at their fingertips. I gave it an image of a house and asked to create it in 3D with all the details including toys, appliances and furniture. This a full 3D model reconstruction in Blender with geometry that you can manually tweak and run 60fps as a locally rendered "game" on device.

I had an early access to GPT-6 Astra and I can say, everyone in the world now has a 3D designer at their fingertips. I gave it an image of a house and asked to create it in 3D with all the details including toys, appliances and furniture. This a full 3D model reconstruction in Blender with geometry that you can manually tweak and run 60fps as a locally rendered "game" on device.

Tom Krcha

1,436,821 görüntüleme • 12 gün ö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?

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,535 görüntüleme • 4 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.

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

190,096 görüntüleme • 1 yıl önce

✨ M5StopWatch-FLUX — Time Becomes Light Built with #M5Stack #StopWatch, made by 金のニワトリ , FLUX replaces the original app layer with a direct-render neon particle engine, turning the 466×466 AMOLED display into a fluid, interactive world of light. 🔹 ~1,300 glowing particles react to tilt💫, shake💥, touch👆, and minute changes 🔹 Includes Spectrum, Alarm, Setup, four color themes, haptics, and gesture navigation 🎨 🔹 Runs at a steady 33 FPS with direct framebuffer rendering and background IMU polling ⚡ 👉 Explore the project: #M5Stack #M5StackStopWatch #FLUX #ESP32S3 #EmbeddedSystems #AMOLED

✨ M5StopWatch-FLUX — Time Becomes Light Built with #M5Stack #StopWatch, made by 金のニワトリ , FLUX replaces the original app layer with a direct-render neon particle engine, turning the 466×466 AMOLED display into a fluid, interactive world of light. 🔹 ~1,300 glowing particles react to tilt💫, shake💥, touch👆, and minute changes 🔹 Includes Spectrum, Alarm, Setup, four color themes, haptics, and gesture navigation 🎨 🔹 Runs at a steady 33 FPS with direct framebuffer rendering and background IMU polling ⚡ 👉 Explore the project: #M5Stack #M5StackStopWatch #FLUX #ESP32S3 #EmbeddedSystems #AMOLED

M5Stack

27,568 görüntüleme • 1 ay ö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.

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 • 8 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:

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

People are earning 10,000$ by selling 3d Websites 💀 So I tried creating a 3d website using GPT-6 Astra + Hyper3D Rodin's MCP And they built this landing page with an INTERACTIVE 3D CAR in the hero. I didn't model the car. I didn't touch Blender. I didn't manually integrate the 3D asset. And this is the result 👇

People are earning 10,000$ by selling 3d Websites 💀 So I tried creating a 3d website using GPT-6 Astra + Hyper3D Rodin's MCP And they built this landing page with an INTERACTIVE 3D CAR in the hero. I didn't model the car. I didn't touch Blender. I didn't manually integrate the 3D asset. And this is the result 👇

FELIX

96,671 görüntüleme • 5 gün önce

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

Alex Barashkov

28,300 görüntüleme • 2 ay ö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:

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,117 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

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

17,377 görüntüleme • 1 ay önce

Watching a character come to life from literally nothing hits different From a blank white canvas to a fully rendered character — no shortcuts, no magic snap, just pure sketch-to-color-to-polish energy. Every stroke, every layer, every color pick you see actually built this look step by step The best part? This entire animation was generated in just a few clicks: upload a reference image, drop in a prompt, pick your model, and let AI handle the rest 🤯 That's the power of AI video generation now. Made with MiniMax H3 on Fish Creative The prompt is in the comments 👇

Watching a character come to life from literally nothing hits different From a blank white canvas to a fully rendered character — no shortcuts, no magic snap, just pure sketch-to-color-to-polish energy. Every stroke, every layer, every color pick you see actually built this look step by step The best part? This entire animation was generated in just a few clicks: upload a reference image, drop in a prompt, pick your model, and let AI handle the rest 🤯 That's the power of AI video generation now. Made with MiniMax H3 on Fish Creative The prompt is in the comments 👇

Shami

34,080 görüntüleme • 4 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

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

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 • 2 ay önce