3D scenes0:25「もしかしてロボットアニメみたいな3機の乗り物が変形合体してロボットになるシーンもアニメ風3D CGで作れますか。」ってClaude Opus 5.5に聞きました。モデリング、陰影、輪郭線、BGM、効果音まで、全部Python 1ファイル(約1000行)のコードで生成したそうです。 #Claude #動画生成@allforbigfireThree.jsCanvasWeb Audio
The author shared part of the prompt.
My family is planning to build a house, and all we had was the floor plan. I wanted to see how it would really look once it's built: which colors, layout and design would suit it best. So I gave the plan to Claude Opus 5.5 and asked it to create a 3D view of the house. It's one of the most useful things I've created recently. We can now walk through the house before a single brick is laid, and when we want to try a different color or layout, I just ask for the change. In the video: the hall, room, and the terrace at dusk, all at eye height. How it worked: • I gave it the 5-page floor-plan PDF and one reference image for the front of the house. • It read the drawings and rebuilt every floor: walls, doors, windows and stairs. • Where a printed size didn't match the drawn wall, it flagged it (15 places) instead of quietly guessing. • It furnished every room itself: 500+ pieces of furniture, decor and lighting. • Everything runs in a web browser with three.js. No Blender, no game engine. You can walk through it like a game, in daylight or evening light, and the lamps actually light the rooms. • It treated it like a real software project: ~37k lines of JavaScript, 185 unit tests, 56 browser tests, and deterministic video capture (render the same frame twice, get identical pixels). • It even tracked down a bug of its own: a room's lighting changed depending on which room you walked in from. • It split the work across sub-agents. Start to finish took about two days. My part was the decisions: what each room is for, the style, and the changes I wanted.
3D scenes0:20I’m curious to see how strong you are as a motion designer. To prove it, create a polished 15-second animated graphic video that showcases your motion design skills. This piece will be presented to 10,000 people on X, so make it visually compelling, professional, and memorable. Take full creative freedom and make the strongest result you can
3D scenes0:20<inputs>
Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).
</inputs>
<direction>
High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon…
3D scenes0:15<inputs>
Ask me for: 8 to 12 UI states I want the shape to become (e.g. button, loader, player, slider, toggle, tabs, chart, command palette, toast), pure black and white or one accent color, and a royalty-free song around 120 BPM (e.g. Mixkit, free for commercial use).
</inputs>
<direction>
Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Light warm-gray canvas, black and white components, one clean UI font (Geist). Springs eve…