Demo demoscene 37 giây: quả cầu chrome thành fractal theo từng nhịp, một cảnh liền không cắt

Tóm tắt: Mỗi tiếng trống thêm một tầng Mandelbox, tới đoạn drop thì mặt trên thành cả một vùng đất. Một shader raymarching, chất lượng như dựng bằng path tracing.

Prompt xin một bản demo kiểu demoscene dài 37 giây cho một bài nhạc của bạn, mục tiêu là hình ảnh chưa ai thấy. Một cảnh liền không cắt: quả cầu chrome lơ lửng trong sương, mỗi tiếng nhấn trong nhạc thêm một tầng fractal Mandelbox. Đến đoạn drop, khối lớn dần tới khi mặt trên thành một vùng đất, camera bay thấp lúc hoàng hôn rồi lao qua mép. Cuối cùng fractal sụp lại thành chữ vàng 3D của tên phim.

Vì sao nhiều người dừng lại xem?

Prompt nói rõ cả ba thứ: câu chuyện, chất lượng hình (bóng mềm, phản chiếu, tia sáng qua sương, nhòe chuyển động) và cách đồng bộ (phân tích nhạc thành bản đồ nhịp, trống kick làm đèn đập, hi-hat thêm chi tiết bề mặt). Một trang HTML vừa xem trực tiếp vừa xuất video là cách làm gọn. Dòng "xem ảnh tĩnh trước khi xuất" tránh tốn hàng giờ dựng sai.

Cách dùng với Claude Opus 5.5

Prompt này cần Claude Code để chạy lệnh, dựng file và xuất video. Thay đường dẫn file nhạc bằng bài của bạn. Máy không có GPU mạnh thì giảm số mẫu mỗi điểm ảnh từ 16 xuống 4 khi xuất thử.

Prompt

Prompt gốc của tác giả:

Make a 37-second demoscene tech demo for the track ~/Downloads/(filename).mp3.
The goal is graphics nobody has seen before. Like it's a statement for a new AI demoscene.

Story, in one continuous shot with no cuts:
- A chrome sphere floats in dark fog. On each hit in the track, it gains one Mandelbox fractal level.
- In the drop, the object grows until its top face is a landscape. Fly low over it at sunset, then dive off its edge.
- At the end, the fractal collapses into 3D gold letters of the title. Carve the letters from the same fractal and light them with the same light.

Look: path-traced quality. Soft shadows, ambient occlusion, glossy reflections, fog with light shafts, depth of field, motion blur, bloom.

Sync: analyse the track first. Save a JSON beat map with hits, breaks, and kick, snare and hat onsets. Kicks pulse the light. Hats add surface detail.

Tech:
- One WebGL2 fragment-shader raymarcher. One HTML page is both the live player and the render source.
- Live: 60 fps in Chrome.
- Offline: 1920x1080 at 60 fps with 16 samples per pixel. Render it in headless Chrome on the Mac GPU, pipe the PNG frames to ffmpeg, and use the MP3 as the audio.
- Do not use AI image or video generators.
- Check contact sheets of stills before the full render.

Prompt by @Xanares, via Skillry / awesome-opus5-5-videos (MIT)

Câu hỏi thường gặp

Prompt này tạo ra cái gì?

Prompt xin một bản demo kiểu demoscene dài 37 giây cho một bài nhạc của bạn, mục tiêu là hình ảnh chưa ai thấy.

Vì sao cảnh 3D này phải chạy trên máy, không chạy trong trình duyệt?

Bài này không gói gọn trong một file HTML: Claude cần tự chạy lệnh, tìm web hoặc điều khiển trình duyệt. Bạn cần để Claude chạy được lệnh trên máy, ví dụ Claude Code mở trong một thư mục trống. Mình dùng Claude Opus 5.5; Claude tự viết code, tự chạy và xuất ra file video.

Có được dùng lại prompt của @Xanares để đăng lên kênh của bạn không?

Được. Prompt là của @Xanares, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là vật thể, ánh sáng, góc máy hay tốc độ quay. Khi chia sẻ lại, bạn ghi nguồn @Xanares là đủ.

Previous
Previous

Hồ sơ xin việc tự điền trong 15 giây, mỗi kỹ năng một ô nhịp và được chứng minh ngay trên hình

Next
Next

Video hướng dẫn sản phẩm 15 giây bằng Remotion, chỉ dùng ảnh thật, thiếu thì dừng lại