Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

0xblz's profile picture

Blaze

1,891 subscribers

91,728 görüntüleme • 5 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

Vive coding with Claude Code and Three.js.

Carlos Ulloa

17,411 görüntüleme • 6 ay önce

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

Building a 3D Lego sculpture in Claude Code desktop

Evan Bacon 🥓

11,915 görüntüleme • 3 ay önce

Using EmberGen to visualize wind tunnel vorticity!
0:37

Using EmberGen to visualize wind tunnel vorticity!

Nick Seavert

35,025 görüntüleme • 2 yıl önce

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,795 görüntüleme • 3 ay önce

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 görüntüleme • 4 ay önce

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

242,065 görüntüleme • 1 yıl önce

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

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

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,931 görüntüleme • 6 ay önce

Pascal building editor made with Three.js
0:24

Pascal building editor made with Three.js

Aymeric Rabot

38,059 görüntüleme • 5 ay önce

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,615 görüntüleme • 4 ay önce

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,611 görüntüleme • 8 ay önce

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 görüntüleme • 7 ay önce

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

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 görüntüleme • 1 ay önce

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,417 görüntüleme • 1 ay önce

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,623 görüntüleme • 11 ay önce

This one was fun – back in 2015 I used NOAA data to visualize Earth's wind flow – at the macroscale it looks almost like an ocean, you can see wind 'waves' crashing against continents This was for the website of Attenboroughs Reef which is still online 11 years later
0:31

This one was fun – back in 2015 I used NOAA data to visualize Earth's wind flow – at the macroscale it looks almost like an ocean, you can see wind 'waves' crashing against continents This was for the website of Attenboroughs Reef which is still online 11 years later

🌈 George Corney

60,778 görüntüleme • 4 ay önce