Loading video...

Video Failed to Load

Go Home

Built an interactive 3D microbial visualisation web app exploring bacteria structures through procedural organic shaders, detailed organism simulations and microscopy-inspired visuals.

techartist_'s profile picture

Techartist

13,808 subscribers

20,282 views • 20 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

Interactive web application for exploring emergent shapes and patterns with reaction-diffusion simulations by Karl Sims
0:36

Interactive web application for exploring emergent shapes and patterns with reaction-diffusion simulations by Karl Sims

Sabine Hossenfelder

54,879 views • 1 year ago

🧬 Containment Unit is live on the App Store 🧬 A sci-fi inspired AR passion project exploring 3D animation, UI, procedural creatures and sound design on the Vision Pro. Built solo with Unity, Houdini, Blender, Ableton, and love 🖤 #VisionPro #spatialcomputing #creativecoding
0:55

🧬 Containment Unit is live on the App Store 🧬 A sci-fi inspired AR passion project exploring 3D animation, UI, procedural creatures and sound design on the Vision Pro. Built solo with Unity, Houdini, Blender, Ableton, and love 🖤 #VisionPro #spatialcomputing #creativecoding

kc

18,164 views • 1 year ago

Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels. UI Design → ChatGPT Images 2 Code → Gemini 3.1 Pro Music → Suno 5.5
0:30

Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels. UI Design → ChatGPT Images 2 Code → Gemini 3.1 Pro Music → Suno 5.5

Techartist

19,173 views • 23 days ago

An engineer built an interactive book on data structures and algorithms of 680 pages:
0:39

An engineer built an interactive book on data structures and algorithms of 680 pages:

Alex Zajac (🍔,🧠)

349,002 views • 9 days ago

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉
0:58

Multi-talented Filip ↟ shares an incredible article with us today: learn how he built a sci-fi-worthy 3D audio visualizer with Three.js, GSAP & Web Audio API — glowing shaders, draggable UI, and beats that shape the visuals in real time. 🎶🎧 👉

Codrops

15,391 views • 11 months ago

Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
0:39

Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Dilum Sanjaya

2,246,242 views • 25 days ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 views • 1 year ago

this is insane a high school student built a beautiful 3D interactive chemistry app
1:12

this is insane a high school student built a beautiful 3D interactive chemistry app

aditya

393,387 views • 2 months ago

MIT’s Ed Boyden is pioneering methods like expansion microscopy to create detailed 3D maps of neural structures, enhancing our understanding of the brain's networks to maybe even fathom life's meaning. 🧠
1:21

MIT’s Ed Boyden is pioneering methods like expansion microscopy to create detailed 3D maps of neural structures, enhancing our understanding of the brain's networks to maybe even fathom life's meaning. 🧠

Protocol Labs

1,745,835 views • 1 year ago

Upgrade your simulations to realistic 3D visuals using Simulink 3D Animation's integration with Unreal Engine Start creating realistic 3D simulations in any area using MATLAB and Simulink: #3DSimulation #UnrealEngine #TechInnovation
0:29

Upgrade your simulations to realistic 3D visuals using Simulink 3D Animation's integration with Unreal Engine Start creating realistic 3D simulations in any area using MATLAB and Simulink: #3DSimulation #UnrealEngine #TechInnovation

MATLAB

11,170 views • 2 years ago

Fun interactive science app ideas | Part 5 Built a periodic table app that visualizes atomic and molecular structures UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
0:49

Fun interactive science app ideas | Part 5 Built a periodic table app that visualizes atomic and molecular structures UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Dilum Sanjaya

64,845 views • 2 days ago

Gave Gemini 3 Deep Think an image of a 3D spider web and asked for an interactive design tool. It generated a full design suite (procedural control, simulation, optimization) with STL export capability. I used it to engineer new metamaterials and a spider-web inspired bridge design, 3D printed it, then validated the structural integrity with a NVIDIA DGX Spark load test. A mind-blowing example of the future of material and architecture design - image in, fabrication-ready design out! Google Gemini
2:02

Gave Gemini 3 Deep Think an image of a 3D spider web and asked for an interactive design tool. It generated a full design suite (procedural control, simulation, optimization) with STL export capability. I used it to engineer new metamaterials and a spider-web inspired bridge design, 3D printed it, then validated the structural integrity with a NVIDIA DGX Spark load test. A mind-blowing example of the future of material and architecture design - image in, fabrication-ready design out! Google Gemini

Markus J. Buehler

96,138 views • 3 months ago

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 views • 11 months ago

An interactive web app for visualizing Google Open Buildings!🏢🌍 🔗Web App: 🔗GitHub: #geospatial #solara #leafmap #opendata #dataviz
0:26

An interactive web app for visualizing Google Open Buildings!🏢🌍 🔗Web App: 🔗GitHub: #geospatial #solara #leafmap #opendata #dataviz

Qiusheng Wu

47,907 views • 2 years ago

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.
0:36

Digital Metamorphosis... Interactive real-time 3D particle display of 60,000 points that smoothly morph between shapes with bloom, motion trails and color themes, built with Grok 4 from xAI using Three.js and GLSL shaders.

Techartist

13,295 views • 9 months ago

We built a web app that lets you fly a spaceship through a 3D constellation of music - powered by our Lyria RealTime model. 🎶 Space DJ is an interactive visualization where every star represents a different music genre. As you explore, your path is translated into prompts for the API, creating a continuously evolving soundtrack. ↓
1:00

We built a web app that lets you fly a spaceship through a 3D constellation of music - powered by our Lyria RealTime model. 🎶 Space DJ is an interactive visualization where every star represents a different music genre. As you explore, your path is translated into prompts for the API, creating a continuously evolving soundtrack. ↓

Google DeepMind

280,050 views • 7 months ago

With #WWDC23 coming tomorrow, we built a really fun interactive website with our vision of what it’ll look like✨ Art direction and design by me 3d Render: ⁦v⁩ Interactive design: ⁦Kabir⁩ Web development: ⁦۟jesse⁩
1:54

With #WWDC23 coming tomorrow, we built a really fun interactive website with our vision of what it’ll look like✨ Art direction and design by me 3d Render: ⁦v⁩ Interactive design: ⁦Kabir⁩ Web development: ⁦۟jesse⁩

The Creator

113,090 views • 3 years ago

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇
0:50

Interactive 3D particle simulation built with Three.js (WebGL), JavaScript (ES6), & GLSL shaders. Features shape morphing, post-processing (Bloom, custom effects), OrbitControls. Source code link in the reply below. 👇

Techartist

29,367 views • 10 months ago

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.
0:32

I use Grok 4 daily for coding, and it’s an absolute beast. One of the examples I built with it: an interactive 3D wireframe network where user clicks trigger flowing energy pulses through animated connections.

Techartist

2,853,462 views • 9 months ago

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼
0:43

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 views • 11 months ago