Giải thích tương tác: mã QR giữ và tự sửa thông điệp ra sao, bằng Three.js

Tóm tắt: Vì sao mã QR bị rách một góc vẫn quét được? Prompt xin một bài giảng tương tác 3D, có hình và âm thanh, trả lời đúng câu đó.

Prompt xin một bài giải thích tương tác về cách mã QR chứa và sửa lỗi cho một thông điệp, dựng hoàn toàn trong trình duyệt bằng Three.js, có xử lý hình ảnh và thiết kế âm thanh.

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

Chủ đề quen mà ít người hiểu: mã QR có phần dữ liệu dư để tự sửa khi bị bẩn hay rách. Prompt ngắn nhưng nêu đủ ba thứ: chủ đề, công cụ, và yêu cầu chăm cả hình lẫn tiếng. Đây là khung tốt cho bất kỳ bài giảng khoa học nào.

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 chủ đề sau chữ "on how" (ví dụ: cách Wi-Fi truyền dữ liệu) để có bài giảng khác.

Prompt

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

Build an interactive explainer on how QR codes hold and repair a message. Render fully in the browser using Three.js. Include treatment for visuals and sound design.

Prompt by @eyadnour, 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ài giải thích tương tác về cách mã QR chứa và sửa lỗi cho một thông điệp, dựng trọn trong trình duyệt bằng Three.js, có xử lý hình ảnh và thiết kế âm thanh.

Video giải thích này được dựng bằng công cụ nào?

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

Muốn biến video giải thích này thành phiên bản của riêng bạn thì đổi chỗ nào?

Được. Prompt là của @eyadnour, mình lấy qua Skillry và bộ awesome-opus5-5-videos (giấy phép MIT). Chỗ nên đổi trước là khái niệm cần giải thích, giọng đọc và số cảnh. Khi chia sẻ lại, bạn ghi nguồn @eyadnour là đủ.

Previous
Previous

Trái tim người 3D tương tác: đập mỗi giây, có nút tách rời từng bộ phận kèm nhãn tên

Next
Next

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