Vườn thiền tương tác: kéo chuột cào rãnh cát, bật giờ hoàng hôn để thấy bóng đổ

Tóm tắt: Số liệu cụ thể đến từng chi tiết: lưới 440x440, 5 rãnh mỗi nét, 5 tảng đá rêu, 2 đèn đá, cây phong 420 lá.

Prompt xin một vườn thiền tương tác trong một file HTML. Cát là bản đồ độ cao trên lưới 440x440; người dùng kéo chuột để cào rãnh (5 rãnh và 6 gờ mỗi nét). Có 5 tảng đá phủ rêu, 2 đèn đá và một cây phong 420 lá. Có nút đổi giờ trong ngày; ở giờ hoàng hôn, mặt trời xuống thấp để mỗi rãnh cát đổ bóng. Prompt dặn thêm: rêu không được lộ xuyên qua cát, đá không được vuông vức, đèn không được nằm ngoài khung.

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

Prompt dùng con số thay cho tính từ, và nói trước các lỗi cần tránh. Đây là hai thói quen giúp kết quả đúng ý ngay lần đầu. Chi tiết "giờ hoàng hôn để rãnh đổ bóng" cho thấy tác giả nghĩ trước khoảnh khắc đẹp nhất để quay video.

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. Bật giờ hoàng hôn rồi cào vài nét chậm, đó là đoạn đẹp nhất để quay.

Prompt

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

Create an interactive zen garden simulation in a single HTML file. Implement a 1536px heightmap on a 440x440 grid for the sand. Allow users to drag across the sand to cut grooves (5 grooves and 6 ridges per stroke) along their path. Include 5 mossy rocks, 2 stone lanterns, and a maple tree with 420 leaves. Add a time-of-day toggle; when set to golden hour, drop the sun low so every groove throws a shadow. Ensure the rendering handles moss visibility through sand and prevents blocky rocks or out-of-frame lanterns.

Prompt by @arixxbt, 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 vườn thiền tương tác trong một file HTML.

Làm sao để tự chạy vườn thiền tương tác trên máy của bạn?

Mình dán prompt vào Claude Opus 5.5 và nhắc gói hết vào một file HTML, lưu lại rồi mở bằng Chrome. Không cần cài gì, mở là chạy ngay trong trình duyệt. Muốn có video để đăng thì quay màn hình lúc nó chạy.

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

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

Previous
Previous

Pit stop F1 điện ảnh 30 giây bằng Three.js: 8 thợ thay đủ 4 bánh

Next
Next

Motion graphic 30 giây: hành trình của Apple từ 1976 đến 2026