Hoạt hình rối bóng giấy dọc 9:16: điều gì làm một nơi trở thành nhà?

Tóm tắt: JavaScript thuần, khung dọc cho mạng xã hội, phong cách rối bóng cắt giấy và âm thanh nhẹ nhàng cũng làm bằng code.

Prompt xin một đoạn hoạt hình JavaScript thuần, dài 30 đến 60 giây, khung dọc 9:16, phong cách rối bóng cắt giấy, kèm âm thanh nhẹ nhàng làm bằng code, về chủ đề: điều gì làm một nơi trở thành nhà?

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

Prompt gói đủ năm thông số mà video ngắn cần: công cụ, độ dài, khung hình, phong cách, âm thanh. Chủ đề là một câu hỏi mở, nên Claude phải trả lời bằng hình ảnh thay vì liệt kê. Rối bóng hợp với code vì chỉ cần hình đặc, ánh sáng và chuyển động.

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. Đổi câu hỏi ở cuối prompt thành chủ đề của bạn (ví dụ: vì sao nên đọc sách mỗi ngày?) là có một video khác.

Prompt

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

Create a pure javascript animation. 30-60s, vertical 9:16, paper cut-out shadow theatre style with gentle, fitting audio (made in code) on the topic: What makes a place feel like home?

Prompt by @x4b47x, 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 đoạn hoạt hình JavaScript thuần, dài 30 đến 60 giây, khung dọc 9:16, phong cách rối bóng cắt giấy, kèm âm thanh nhẹ nhàng làm bằng code, về chủ đề: điều gì làm một nơi trở thành nhà?

Hoạt hình rối bóng giấy dọc 9 chạy bằng gì, có cần cài phần mềm không?

Code dùng Canvas, 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.

Prompt của @x4b47x có được sửa lại cho việc của bạn không?

Được. Prompt là của @x4b47x, 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 @x4b47x là đủ.

Previous
Previous

Hiệu ứng "khoảnh khắc cao trào" kiểu game mobile: mở rương, lên hạng, bằng Three.js

Next
Next

Năm phần trang web cuộn (scroll) hoàn toàn khác nhau, Claude tự chọn bối cảnh và bố cục