Tương tác
Khám phá hồ sơ tác phẩm 3D, trải nghiệm sản phẩm và thử nghiệm tương tác. Chọn cách tương tác bạn thích, rồi thêm chủ đề và phong cách hình ảnh riêng.
Bản đồ dữ liệu 3D tương tác về hoạt động của taxi vàng tại Thành phố New York trong tháng 1 năm 2025, gồm bản đồ 3D, tính năng phát lại chuyển động theo giờ, kiểm tra từng khu vực và so sánh với mức trung bình của ngày thường hoặc cuối tuần.
Prompt Dream Loop Plus để tạo một cảnh fantasy Three.js chạy trên trình duyệt, với camera isometric, nhân vật có thể điều khiển, sàn ướt phản chiếu và chuyển động môi trường sống động. Tác giả giới thiệu đây là prompt demo sử dụng GPT-5.6 Luna xhigh; bài đăng cho biết Astra đảm nhiệm phần hình ảnh trong quy trình đã tối ưu.
Prompt khởi đầu do tác giả đề xuất để xây dựng một máy gia tốc hạt 3D tương tác lấy cảm hứng từ LHC của CERN và máy dò ATLAS trong một tệp HTML độc lập duy nhất. Đây là prompt dùng để xây dựng một sản phẩm tương tự, không được xác nhận là đầu vào chính xác đã dùng cho kết quả được giới thiệu.
Prompt tạo cảnh quan cánh đồng lúa 3D bằng Three.js chạy trên trình duyệt, với hiệu ứng gió tự nhiên, các chế độ ánh sáng và camera, điều khiển đáp ứng, thảm thực vật tạo theo quy trình và khả năng kết xuất theo thời gian thực.
Bài đăng gốc giới thiệu mô hình 3D và trải nghiệm web về Điện Kỳ Niên ở Thiên Đàn Bắc Kinh, được tạo bằng GPT-6 Astra và Three.js; sau đó, tác giả chia sẻ đầy đủ prompt tiếng Trung dùng để xây dựng các dự án tương tự.
Tạo cây chanh vàng thạch 3D tương tác bằng WebGPU, với các cành cây đung đưa, quả chanh có thể chọn bằng chuột và hiệu ứng vật lý biến dạng rồi nảy.
Đặc tả game Three.js chi tiết về một robot bốn chân với chuyển động biểu cảm, các ô pin hiển thị rõ, cơ chế sạc và ba nhiệm vụ dựa trên vật thể.
Tạo một cảnh đường phố thu nhỏ tương tác với xe đạp giao hàng, các cửa hàng, hiệu ứng mặt đường ướt, lá rải rác, thế giới uốn cong, phong cách pixel art và các tham số Forge có thể điều chỉnh.
Xây dựng hình ảnh trực quan 3D của một smartphone với thanh trượt tháo rời–lắp lại, các linh kiện có thể chọn và phần giải thích chức năng của từng bộ phận.
Tạo một website 3D tương tác cho phép tách máy tính để bàn thành 29 linh kiện chính. Thêm hoạt cảnh tháo rời và phần giải thích cho từng linh kiện.
Dựng mô hình Seoul thu nhỏ bằng Three.js từ dữ liệu bản đồ mở. Thêm điều hướng theo quận, cảnh bay qua các địa danh, chế độ ngày và đêm cùng điều khiển cảm ứng. Nêu rõ những tòa nhà đã được đơn giản hóa, chiều cao ước tính và giấy phép dữ liệu.
Dựng lõi năng lượng, hai vòng và đế kim loại trong Blender. Xuất mô hình kèm vật liệu sang trình xem Three.js có chức năng xoay, thu phóng, tự động bay quanh và điều chỉnh hiệu ứng nhịp xung.
Biến căn phòng riêng thành website tự giới thiệu có tính tương tác. Dựng và bake cảnh trong Blender, sau đó thêm hơi cà phê, hoạt ảnh kiểu Matrix và hiệu ứng shader nhẹ nhàng.
Nghiên cứu căn hộ của nhân vật chính trong D4 và tái dựng thành bản mẫu 3D có thể chơi được. Đối chiếu bố cục và tương tác với tư liệu tham khảo thay vì mặc định rằng đã tái hiện chính xác.
Astra được yêu cầu tạo một tác phẩm ngắn nguyên bản và một nhóm nhạc 3D có thể tương tác, với hoạt ảnh điều khiển bằng âm thanh, tua đến thời điểm bất kỳ, chuyển động chậm, điều khiển camera, MIDI và mã nguồn.
Tạo công cụ khám phá Hệ Mặt Trời trong trình duyệt bằng Three.js với tám hành tinh và hai mươi vệ tinh. Cho phép di chuyển camera và lập kế hoạch bay không gian ở mức đơn giản.
Xây dựng trang đích biển sâu với hiệu ứng nước Three.js, giao diện kính tối màu và chuyển động theo thao tác cuộn. Kết hợp bầu không khí 3D với tương tác website rõ ràng, thích ứng với các kích thước màn hình.
Dựng demo Hyperloop tương tác bằng Three.js, thể hiện khoang vận chuyển, hạ tầng ống và chuyển động qua hệ thống.
Biến ảnh tham chiếu thành cảnh Three.js trong website studio điều khiển bằng cuộn mượt. Đồng bộ chuyển động camera, chữ và chuyển giữa các phần.
Dựng website sản phẩm tương tác quanh chai thủy tinh WebGL chân thực. Dùng chất lỏng khúc xạ, xoay theo cuộn và chữ mạnh, đồng thời giữ hiệu năng trình duyệt.
Dựng máy viên nang ký ức 3D. Xoay núm để thả một ký ức, mô hình hóa cơ cấu trong Blender và cho viên nang rơi với chuyển động, âm thanh hợp lý.
Dựng diorama hướng dẫn bắt đầu nhỏ trong Blender rồi làm sống động bằng Three.js. Dùng vật thể trọng tâm rõ và chuỗi hoạt ảnh ngắn để giải thích những thao tác đầu tiên.
Dựng website giải phẫu 3D nơi cơ thể người tách thành cấu trúc quan sát riêng được. Cho điều hướng dạng tách lớp và tổ chức các phần thành hệ thống có ý nghĩa.
Tạo một chú bồ nông 3D đạp xe trên chiếc xe đạp màu xanh bạc hà trong trình duyệt, với chuyển động đạp tự nhiên, điều khiển xoay quanh, thu phóng và tốc độ có thể điều chỉnh.
Giải thích những gì khách truy cập có thể nhấp, kéo hoặc thay đổi và kết quả tương ứng. Làm rõ thao tác đầu tiên, đồng thời mô tả điều khiển bằng cảm ứng và chuột.
Tìm hiểu các kỹ thuật được dùng trong ví dụ.
Mang đến cho cảnh tiếp theo một nhân vật đáng để ngắm kỹ. Tạo asset 3D chi tiết, có texture từ một hình ảnh hoặc vài dòng mô tả.
Tạo asset 3D miễn phí
