Mẫu 3D

Xây dựng Phòng trưng bày Prompt Motion, được tái hiện như một không gian 3D gồm các card video trên những bức tường cong, thành một trang HTML độc lập bằng three.js.
Kiểu dáng: Ánh sáng ban ngày dịu nhẹ và không gian trắng trong tác phẩm của Prompt Motion: đen trắng, Geist, điểm nhấn màu cam..
Cú sút quyết định là Cảnh lùi lại, nơi các dãy thẻ bài hiện ra thành các chữ cái PROMPT MOTION nhìn từ trên xuống.. Hãy xây dựng mọi thứ hướng tới nó.
Máy quay: là máy quay phim, không phải hệ thống điều khiển quỹ đạo. Mỗi cảnh quay sử dụng một thao tác được đặt tên (dolly, crane, orbit, push-in, rack focus), được điều chỉnh mượt mà vào và ra, và máy quay không bao giờ di chuyển xuyên qua các hình học.
Ánh sáng và chất liệu: ánh sáng chính, ánh sáng phụ và ánh sáng viền với bóng đổ mềm mại, bản đồ môi trường cho phản chiếu, sương mù tạo chiều sâu, chất liệu dựa trên vật lý với độ nhám khác nhau, ánh xạ tông màu ACES. Không có gì được trông giống như chất liệu mặc định.
Chuyển động: các vật thể tương tác với nhau (vật nào bị va chạm sẽ di chuyển, vật nào ở gần sẽ sáng lên), được điều khiển bởi lò xo hoặc các nguyên lý vật lý đơn giản, không bao giờ là các chuyển động tuyến tính.
Bị cấm: vật liệu và ánh sáng mặc định, nhãn văn bản nổi, hiệu ứng phát sáng trên mọi thứ, một vật thể quay chậm làm ý tưởng chính, bất cứ thứ gì trông giống như bản demo công nghệ.

Các cảnh quay, mỗi cảnh khoảng ba giây:
1. Chụp cận cảnh cạnh một tấm thẻ trong ánh sáng dịu nhẹ, sau đó lấy nét vào video đang phát (một áp phích thật từ trang web). 2. Lùi máy: đó là một trong hàng trăm tấm thẻ trên một bức tường cong nhẹ, tất cả đều đang phát; một làn sóng ánh sáng màu cam chạy dọc theo bức tường và mỗi tấm thẻ hơi nghiêng khi đi qua. 3. Nâng máy lên và qua bức tường: phía sau nó, nhiều bức tường khác tạo thành hành lang. 4. Một tấm thẻ bung ra, đu về phía máy ảnh với trọng lượng và dừng lại; lời nhắc được in ở mặt sau và nổi lên như chữ 3D, từng dòng một. 5. Cảnh quay đặc trưng: lùi xa và lên trên trong khi ánh sáng màu cam vẽ theo chữ O. 6. Tập trung vào logo và prompt-motion.com.

1. Một tệp HTML, three.js từ CDN, không cần bước biên dịch. Mô hình hóa mọi thứ bằng mã; không cần tải xuống mô hình, và không cần họa tiết ngoại trừ các áp phích video của trang web dành cho các thẻ bài.
2. Sử dụng MeshPhysicalMaterial, môi trường PMREM từ RoomEnvironment, đổ bóng mềm, ánh xạ tông màu ACES và khử răng cưa. Chỉ thêm độ sâu trường ảnh cho những cảnh cần thiết.
3. Giữ tốc độ khung hình ở mức 60fps trên máy tính xách tay.
4. Thêm chế độ hiển thị?render trong đó mỗi khung hình được tính toán từ thời gian (ngẫu nhiên có hạt giống, không dùng đồng hồ), để có thể ghi lại bằng Playwright thành tệp MP4 ở 1920x1080.
5. Chụp một khung hình cho mỗi lần quay, xem lại và sửa bất kỳ lỗi nào như hình ảnh bị phẳng, răng cưa, bị cắt xén hoặc khó đọc.

Thiết lập độ lệch đổ bóng, nếu không bề mặt sẽ bị loang lổ. Giữ cho các mặt phẳng gần và xa sát nhau, nếu không các bề mặt ở xa sẽ bị nhấp nháy. Sử dụng hạt giống ngẫu nhiên cho mọi thứ, nếu không kết quả render sẽ không khớp với bản xem trước.

Hãy mô tả cảnh quay đặc trưng và danh sách các cảnh quay trong vài dòng, sau đó dựng video mà không cần hỏi thêm bất cứ điều gì. Cung cấp cho tôi tệp HTML và một MP4 dài 20 giây được quay bằng chế độ render?.

Build the Prompt Motion gallery, reimagined as a 3D space of video cards on curved walls, as one self-contained HTML page with three.js.
Style: soft daylight and white space in Prompt Motion's own: black and white, Geist, one orange accent.
The signature shot is the pull back where the corridors of cards resolve into the letters PROMPT MOTION seen from above. Build everything toward it.
Camera: a film camera, not orbit controls. Every shot uses one named move (dolly, crane, orbit, push-in, rack focus), eased in and out, and the camera never passes through geometry.
Light and materials: a key, fill and rim light with soft shadows, an environment map for reflections, fog for depth, physically based materials with varied roughness, ACES tone mapping. Nothing should look like a default material.
Motion: things react to each other (what's hit moves, what's near lights up), driven by springs or simple physics, never linear tweens.
Banned: default materials and lighting, floating text labels, glows on everything, a slowly spinning object as the whole idea, anything that looks like a tech demo.

Shots, about three seconds each:
1. Macro on the edge of one card in soft light, then rack focus onto its playing video (a real poster from the site). 2. Dolly back: it's one of hundreds of cards on a gently curved wall, all playing; a wave of orange light runs along the wall and each card tilts slightly as it passes. 3. Crane up and over the wall: behind it, more walls form corridors. 4. One card unhinges, swings toward the camera with weight and settles; its prompt is printed on its back and lifts off as 3D type, line by line. 5. The signature shot: pull far back and up while the orange light traces the O. 6. Settle on the wordmark and prompt-motion.com.

1. One HTML file, three.js from a CDN, no build step. Model everything in code; no downloaded models, and no textures except the site's own video posters for the cards.
2. Use MeshPhysicalMaterial, a PMREM environment from RoomEnvironment, soft shadows, ACES tone mapping and antialiasing. Add depth of field only on shots that need it.
3. Hold 60fps on a laptop.
4. Add a ?render mode where every frame is computed from time (seeded randomness, no clock), so it can be captured with Playwright into an MP4 at 1920x1080.
5. Capture one frame per shot, look at it, and fix anything flat, aliased, clipping or hard to read.

Set shadow bias, or surfaces get striped acne. Keep near and far planes tight, or distant surfaces flicker. Seed every random number, or the render won't match the preview.

Describe the signature shot and the shot list in a few lines, then build it without asking me anything else. Give me the HTML file and a 20-second MP4 captured with the ?render mode.