Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

techartist_'s profile picture

Techartist

16,637 subscribers

13,865 Aufrufe • vor 2 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 👇
0:12

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

17,454 Aufrufe • vor 3 Monaten

Playing with SuperSplat v2.16 for editing and combining gaussian splats. Very fast & easy to use, open source, and web based! PlayCanvas #GaussianSplatting
0:19

Playing with SuperSplat v2.16 for editing and combining gaussian splats. Very fast & easy to use, open source, and web based! PlayCanvas #GaussianSplatting

Jason Key

69,430 Aufrufe • vor 10 Monaten

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

49,220 Aufrufe • vor 9 Monaten

webgl 3d object morphing using particles as material, powered by Three.js, Poimandres r3f made with v0 and cursor, lots of prompting and manual tweaks
0:13

webgl 3d object morphing using particles as material, powered by Three.js, Poimandres r3f made with v0 and cursor, lots of prompting and manual tweaks

Joel

32,505 Aufrufe • vor 11 Monaten

Built an interactive 3D mechanical chronograph with real-time control of winding, escapement, power and chronograph systems with slow-motion inspection. Ideal for horology education, museums, product showcases and interactive web experiences. Open source code ↓
0:11

Built an interactive 3D mechanical chronograph with real-time control of winding, escapement, power and chronograph systems with slow-motion inspection. Ideal for horology education, museums, product showcases and interactive web experiences. Open source code ↓

Techartist

20,100 Aufrufe • vor 1 Monat

I just drew a "web crawler" with 100% code :) Live demo → #webgpu #tsl #r3f #creativecoding
0:11

I just drew a "web crawler" with 100% code :) Live demo → #webgpu #tsl #r3f #creativecoding

deadrabbbbit

28,425 Aufrufe • vor 1 Jahr

DecartXR: AI meets XR "welcome to the Oasis" 🥽 An open-source app that lets you transform your world in real time, just by speaking. A new way to create, build, and imagine — live. See below how to build with this tech (and a demo on Meta Quest or web) 👇🏻
0:17

DecartXR: AI meets XR "welcome to the Oasis" 🥽 An open-source app that lets you transform your world in real time, just by speaking. A new way to create, build, and imagine — live. See below how to build with this tech (and a demo on Meta Quest or web) 👇🏻

Decart

4,305,045 Aufrufe • vor 1 Jahr

Jeremy YeoKhoo experimented with Houdini's new Muscles and Tissue system, demonstrating an anatomically correct shoulder girdle rig made with it. Details: #houdini #sidefx #sidefxhoudini #houdinifx #3dsimulation #3drig #rigging #anatomy #3d #3dart
0:12

Jeremy YeoKhoo experimented with Houdini's new Muscles and Tissue system, demonstrating an anatomically correct shoulder girdle rig made with it. Details: #houdini #sidefx #sidefxhoudini #houdinifx #3dsimulation #3drig #rigging #anatomy #3d #3dart

80 LEVEL

39,611 Aufrufe • vor 2 Jahren

Blood flow through the right ventricle, visualized with SciePro’s detailed 3D anatomy model. Conceptual visualization: far less blood is shown to keep the internal anatomy visible. Medical visuals and licensing → first reply. #SciePro #HeartAnatomy
0:10

Blood flow through the right ventricle, visualized with SciePro’s detailed 3D anatomy model. Conceptual visualization: far less blood is shown to keep the internal anatomy visible. Medical visuals and licensing → first reply. #SciePro #HeartAnatomy

SciePro

22,767 Aufrufe • vor 16 Tagen

Played around with generating the internal anatomy of a creature (skeletons and organs). I used GPT Images 2 to keep the creature anatomy consistent, while the code, interactions and 3D models were generated with Omma AI and uses Three.js.
0:10

Played around with generating the internal anatomy of a creature (skeletons and organs). I used GPT Images 2 to keep the creature anatomy consistent, while the code, interactions and 3D models were generated with Omma AI and uses Three.js.

Gábor Pribék

75,774 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 1 Monat

Open UI Local 1 Click Launcher Open UI from wan deeee bee is a cool AI app that live-generates UIs. It's like Vercel's V0 but open source, and works with both ChatGPT & open source models via ollama Make sure to check out Matthew Berman's tutorial, and run it with 1 click.
0:17

Open UI Local 1 Click Launcher Open UI from wan deeee bee is a cool AI app that live-generates UIs. It's like Vercel's V0 but open source, and works with both ChatGPT & open source models via ollama Make sure to check out Matthew Berman's tutorial, and run it with 1 click.

cocktail peanut

53,965 Aufrufe • vor 2 Jahren

Something just launched that makes VS Code feel ancient. And im all in for it: Cline Desktop app, an open-source app for open-weight models (and you know how much i love open source) brings its coding agent into a standalone Cline Desktop app for Mac + Windows. Just open a project and tell it what you want to change. No need to open VS Code first. In Cline's demo, it adds priority filters to a task board, works through the code and runs the build. Glad to see the model choice stays open, too. You can bring your own API keys, use supported open-weight models and even switch models halfway through a project!
0:17

Something just launched that makes VS Code feel ancient. And im all in for it: Cline Desktop app, an open-source app for open-weight models (and you know how much i love open source) brings its coding agent into a standalone Cline Desktop app for Mac + Windows. Just open a project and tell it what you want to change. No need to open VS Code first. In Cline's demo, it adds priority filters to a task board, works through the code and runs the build. Glad to see the model choice stays open, too. You can bring your own API keys, use supported open-weight models and even switch models halfway through a project!

Chubby♨️

40,292 Aufrufe • vor 27 Tagen

made myself a slider with animation and webgl in mind. made it open source and gave it a mini landing page link below
0:19

made myself a slider with animation and webgl in mind. made it open source and gave it a mini landing page link below

👀

102,454 Aufrufe • vor 1 Jahr

🎉 MIDI will be presented at #CVPR2025! We’ve dropped the code + demo for everyone to play with. Now, with our MV-Adapter, you can also create textures for the generated 3D scenes. Check the code and demo below!
0:17

🎉 MIDI will be presented at #CVPR2025! We’ve dropped the code + demo for everyone to play with. Now, with our MV-Adapter, you can also create textures for the generated 3D scenes. Check the code and demo below!

Yanpei Cao

45,635 Aufrufe • vor 1 Jahr

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles
0:17

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,486 Aufrufe • vor 1 Jahr

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO
0:16

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

59,771 Aufrufe • vor 3 Jahren

A 3D bookmark animation with sound and cloth effects.🎗️
0:17

A 3D bookmark animation with sound and cloth effects.🎗️

Voicu Apostol

191,999 Aufrufe • vor 1 Jahr