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

Tóm tắt: Bốn buồng tim, bốn van, máu xanh vào máu đỏ ra. Bấm Explode là từng phần tách ra có nhãn, bấm lần nữa là ráp lại.

Prompt xin một trái tim người 3D tương tác trong một file HTML bằng Three.js. Trông như thật: cơ tim đỏ sẫm, động mạch đỏ, tĩnh mạch xanh, và bên trong là bốn buồng, bốn van, động mạch chủ, động mạch phổi, hệ dẫn truyền tạo nhịp. Tim đập khoảng một lần mỗi giây, van đóng mở theo nhịp, máu chảy qua. Kéo để xoay, cuộn để phóng to. Có nút Explode tách từng phần kèm nhãn tên; rê chuột vào một phần thì nó sáng lên và hiện một dòng giải thích.

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

Cùng khung với bài đồng hồ cơ của @aichrislee: liệt kê đủ bộ phận, mô tả chuyển động, rồi thêm nút tách rời và chú thích khi rê chuột. Câu cuối "Đừng hỏi lại, cứ làm" giúp Claude không dừng lại xin thêm thông tin.

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. Thay trái tim bằng một vật khác bạn muốn giảng (lá phổi, động cơ xe máy), giữ nguyên đoạn Explode.

Prompt

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

Build me a human heart in interactive 3D, in one HTML file with Three.js.

Make it look real: the deep red muscle with the red arteries and blue veins on top, and inside it the parts you never get to see. The four chambers, the four valves, the aorta and the pulmonary artery, the veins bringing blood back, and the wiring that sets the beat. The heart beats about once a second, the valves open and close in time, and the blood flows through it, blue going in and red going out. I can drag to orbit around it and scroll to zoom.

Add an Explode button. When I press it, every part slides apart with its name on a label. Press it again and it all snaps back together. When I hover a part, it lights up and shows one line on what it does.

No images. Do not ask me any questions. Just build it.

Prompt by @aichrislee, 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 trái tim người 3D tương tác trong một file HTML bằng Three.js.

Làm sao để tự chạy trái tim người 3D tương tác trên máy của bạn?

Chỉ cần Claude Opus 5.5 và Chrome. Bạn dán prompt, xin Claude trả về một file HTML duy nhất, lưu rồi mở lên. Code dùng Three.js, Canvas, mở là chạy ngay trong trình duyệt. Cần file video thì quay lại màn hình.

Muốn biến trái tim người 3D tương tác thành phiên bản của riêng bạn thì đổi chỗ nào?

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

Previous
Previous

30 năm tới trong một cảnh quay liền: từ Trái Đất ra Sao Hỏa rồi về phía Mặt Trời

Next
Next

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