Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

building with Claude and Three.js to visualize wind in 3d is fun

0xblz's profile picture

Blaze

1,892 subscribers

91,492 Aufrufe • vor 4 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Vive coding with Claude Code and Three.js.
0:20

Vive coding with Claude Code and Three.js.

Carlos Ulloa

17,401 Aufrufe • vor 5 Monaten

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪
0:53

Vibe coding a 3d racing game with cursor and sonnet 3.7 🚗 AI understands three.js quite well but struggles with cannon.js for better physics (on it). Also tried grok and replit, but sticking to cursor + claude for now. Super fun 🤪

Skirmantas Januškas 📡

218,675 Aufrufe • vor 1 Jahr

Building a 3D Lego sculpture in Claude Code desktop
0:20

Building a 3D Lego sculpture in Claude Code desktop

Evan Bacon 🥓

11,915 Aufrufe • vor 2 Monaten

Using EmberGen to visualize wind tunnel vorticity!
0:37

Using EmberGen to visualize wind tunnel vorticity!

Nick Seavert

35,025 Aufrufe • vor 2 Jahren

Started out asking Claude for a basic Android WebView app just to check three.js versions on websites. Got carried away and ended up building a full minimalist browser with tabs and a new UX.
1:01

Started out asking Claude for a basic Android WebView app just to check three.js versions on websites. Got carried away and ended up building a full minimalist browser with tabs and a new UX.

mrdoob

17,761 Aufrufe • vor 2 Monaten

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍
0:20

Start building real apps for the modern web with the Google Antigravity coding agent and Firebase integration, now in Google AI Studio. Develop a real-time, 3D multiplayer snake arena built with Three.js and collect orbs to dominate the neon grid 🐍

Google AI Developers

33,151 Aufrufe • vor 4 Monaten

Now we can create 3D scenes with Gemini and Three.js! 💥
0:23

Now we can create 3D scenes with Gemini and Three.js! 💥

mrdoob

50,249 Aufrufe • vor 1 Jahr

CLAUDE + MAGNIFIC + RUNWAY WORKFLOW 3D-to-Video (full tutorial) ↓ PROCESS: 01. Build 3D Renders in Claude 3.7 02. Program camera movements 03. Screen record render 04. Upload video to Runway Gen-3 05. Extract 1st frame 06. Magnific Struct. Ref. 1st frame 07. Upload in Runway Restyle 08. Generate. CLAUDE PROMPT STRUCTURE: can you code a 3d version of [subject + env] in three.js? INITIAL CLAUDE PROMPT: can you code a 3d version of an epic castle atop a mountain plateau in a valley in three.js? MAGNIFIC STRUCT. REF PROMPT: editorial photo, epic castle on a plateau, intricate rocky textures and fine details, immaculate New Zealand landscape, white marble castle, high precision photography #runwayml Magnific.ai Runway
1:41

CLAUDE + MAGNIFIC + RUNWAY WORKFLOW 3D-to-Video (full tutorial) ↓ PROCESS: 01. Build 3D Renders in Claude 3.7 02. Program camera movements 03. Screen record render 04. Upload video to Runway Gen-3 05. Extract 1st frame 06. Magnific Struct. Ref. 1st frame 07. Upload in Runway Restyle 08. Generate. CLAUDE PROMPT STRUCTURE: can you code a 3d version of [subject + env] in three.js? INITIAL CLAUDE PROMPT: can you code a 3d version of an epic castle atop a mountain plateau in a valley in three.js? MAGNIFIC STRUCT. REF PROMPT: editorial photo, epic castle on a plateau, intricate rocky textures and fine details, immaculate New Zealand landscape, white marble castle, high precision photography #runwayml Magnific.ai Runway

Rory Flynn

241,536 Aufrufe • vor 1 Jahr

This is pretty cool 👓 Google Announces Geospatial Creator powered by ARCore & Google Maps and it allows you to visualize, design, and publish world-anchored content by using Unity ! Few features available: 📌 Photorealistic 3D Tiles: Visualize the 3D geometry of the world and deploy location-anchored content accurately with high-resolution, photorealistic 3D tiles. 📌 Geospatial anchors: Place and anchor 3D content at any given latitude, longitude, and altitude with sub-meter accuracy in areas covered by Google Street View. 📌 Terrain anchors: Place and anchor 3D content with only latitude and longitude coordinates, using data from Google Maps to determine ground level. 📌 Rooftop anchors: Use rooftops to place and anchor 3D content with respect to the building geometry and terrain in areas covered by Google Street View. 📢 To get started with Unity follow these steps: #AR #Google
1:30

This is pretty cool 👓 Google Announces Geospatial Creator powered by ARCore & Google Maps and it allows you to visualize, design, and publish world-anchored content by using Unity ! Few features available: 📌 Photorealistic 3D Tiles: Visualize the 3D geometry of the world and deploy location-anchored content accurately with high-resolution, photorealistic 3D tiles. 📌 Geospatial anchors: Place and anchor 3D content at any given latitude, longitude, and altitude with sub-meter accuracy in areas covered by Google Street View. 📌 Terrain anchors: Place and anchor 3D content with only latitude and longitude coordinates, using data from Google Maps to determine ground level. 📌 Rooftop anchors: Use rooftops to place and anchor 3D content with respect to the building geometry and terrain in areas covered by Google Street View. 📢 To get started with Unity follow these steps: #AR #Google

Dilmer

58,281 Aufrufe • vor 3 Jahren

been building 3d galleries with Three.js. every time i think i hit a limit, i don't. genuinely grateful this ecosystem exists 🫶
0:35

been building 3d galleries with Three.js. every time i think i hit a limit, i don't. genuinely grateful this ecosystem exists 🫶

Cachi | 🇦🇷🧉💻

40,896 Aufrufe • vor 6 Monaten

Pascal building editor made with Three.js
0:24

Pascal building editor made with Three.js

Aymeric Rabot

38,059 Aufrufe • vor 4 Monaten

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs
2:00

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs

ekim

21,583 Aufrufe • vor 4 Monaten

Had another intense session with Claude... This time we implemented textured RectAreaLights in Three.js 🥲
0:47

Had another intense session with Claude... This time we implemented textured RectAreaLights in Three.js 🥲

mrdoob

59,587 Aufrufe • vor 7 Monaten

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎
0:29

Vibe-coded this game this morning with 0 code edits. Just hit ‘accept all’ in Cursor with Claude Sonnet 3.7 and Three.js 😎

Grégory D'Angelo

1,331,525 Aufrufe • vor 1 Jahr

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 Aufrufe • vor 7 Monaten

So apparently Claude Fable can animate rigged models in Three.js with pure code Details below 👇
0:29

So apparently Claude Fable can animate rigged models in Three.js with pure code Details below 👇

Majid Manzarpour

29,249 Aufrufe • vor 14 Tagen

Trying to write my own hair designer with three.js and claude. Because all other designers suck and I want my own lol. Super early but I dig the interactivity already, very nice to see strands growing dynamically. And it's all on curves with custom profiles with allows for precise editing later like in Nomad. Three.js is the future 🤟
1:20

Trying to write my own hair designer with three.js and claude. Because all other designers suck and I want my own lol. Super early but I dig the interactivity already, very nice to see strands growing dynamically. And it's all on curves with custom profiles with allows for precise editing later like in Nomad. Three.js is the future 🤟

Vadim B

27,249 Aufrufe • vor 23 Tagen

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇
0:26

Coded with Grok 4 – morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. 👇

Techartist

1,007,164 Aufrufe • vor 11 Monaten

Hey Claude, can you help me port Descent to Three.js?
0:44

Hey Claude, can you help me port Descent to Three.js?

mrdoob

87,764 Aufrufe • vor 5 Monaten