Phim 80 giây kiểu tranh khảm thủy tinh và vàng lá, viên gạch tự bay lên rồi khớp lại

Tóm tắt: Không thư viện, không ảnh, không file âm thanh: chỉ WebGL2 và JavaScript. Mọi nhân vật là một đàn viên gạch khảm chuyển động cùng nhau.

Prompt xin một phim hoạt hình vuông dài 80 giây trong một file HTML, chỉ dùng WebGL2 và JavaScript thuần, không thư viện, không ảnh, font hay file âm thanh. Hình ảnh là một bức tranh khảm thủy tinh và vàng lá mà các viên gạch chưa bao giờ được gắn keo, nên chúng có thể nhấc lên, lật, bay và khớp lại chỗ cũ. Nhân vật là những đàn gạch: con cá bơi bằng cách các viên gạch của nó cùng bơi.

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

Câu cuối là ý tưởng ăn tiền: thay vì vẽ con cá, prompt bắt Claude dựng con cá từ chính chất liệu của bức tường. Cách viết này đáng học: mô tả chất liệu và luật vật lý của thế giới, rồi để mọi cảnh mọc ra từ luật đó.

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

Mở Claude, chọn Opus 5.5, dán prompt bên dưới. Nhắc thêm một câu: "gói tất cả trong một file HTML, không cần cài gì". Lưu đoạn code Claude trả về thành file .html, mở bằng Chrome. Muốn có video để đăng, bạn quay màn hình lúc nó chạy. Nếu máy yếu, bạn xin Claude thêm nút giảm số viên gạch.

Prompt

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

Make an 80 second square animated film as a single HTML file, using WebGL2 and plain JavaScript, with no libraries and no image, font or audio files. It should look like a glass and gold leaf wall mosaic whose tiles were never glued down, so they can lift, flip, fly and click back into place. Figures are flocks of tiles, so a fish swims by its tiles swimming.

Prompt by @zeezomb, 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 phim hoạt hình vuông dài 80 giây trong một file HTML, chỉ dùng WebGL2 và JavaScript thuần, không thư viện, không ảnh, font hay file âm thanh.

Video này chạy bằng gì, có cần cài phần mềm không?

Code dùng Three.js, WebGL2, mở là chạy ngay trong trình duyệt. Mình dùng Claude Opus 5.5: dán prompt, bảo Claude gom mọi thứ vào một file HTML, mở bằng Chrome, rồi quay màn hình nếu muốn đăng thành video.

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

Được. Prompt là của @zeezomb, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là tên thương hiệu, câu chữ, màu và thời lượng. Khi chia sẻ lại, bạn ghi nguồn @zeezomb là đủ.

Previous
Previous

Phim câm 45 giây không lời thoại, âm thanh kể một nửa câu chuyện

Next
Next

Phim hoạt hình 90 giây về một con bug không muốn bị sửa