hoàn toàn bị ấn tượng bởi Google Gemini 3 + three.js.. vừa tạo ra một ứng dụng sản phẩm 3D tương tác mà không cần mã hóa.. sử dụng cử chỉ tay để xoay, phóng to, điều khiển xyz và ánh sáng của mô hình 3D AI đang chiếm lĩnh.. chấp nhận hay không tutorial với các hướng dẫn & mã bên dưới:

1. Tôi không thể tin rằng những người không có kinh nghiệm lập trình có thể xây dựng một trang web tiên tiến như thế này với AI bây giờ Bạn có thể trò chuyện (nhắn tin) với đại lý AI để thêm mô hình 3D, chức năng và điều chỉnh giao diện người dùng.. điều này thật không thể tin được.. Xem trước ứng dụng: mã & lời nhắc ở cuối

2. chuyển đổi mô hình 3D sang định dạng .gltf nó chỉ có thể nhận dạng định dạng này bây giờ, bạn có thể sử dụng bất kỳ phần mềm 3D nào để chuyển đổi, hãy đảm bảo rằng các kết cấu được áp dụng đúng cách bạn cũng có thể tạo hoạt hình 3D ở đây đây là mô hình vision pro để bạn thử:

3. tải lên mô hình 3D gltf trực tiếp Tôi đã làm điều này với Gemini 3 pro nhưng trên , nó cho phép chúng tôi tải lên mô hình 3D trực tiếp thay vì sử dụng lưu trữ bên thứ ba, điều này tiện lợi hơn nhiều.

4. thêm chức năng Tôi đã yêu cầu nó thêm các thanh trượt để tôi có thể điều khiển vị trí x, y, z của mô hình 3D, họ đã làm điều đó trong vài giây và hoạt động hoàn hảo.

5. tạo môi trường 3D bạn có thể tạo một thế giới 3D cố định cho sản phẩm của mình, và thậm chí yêu cầu nó thêm ánh sáng, tạo bóng trên sàn và thêm bóng bên trong cho chính sản phẩm.

6. sửa lỗi nó thường phân tích ứng dụng và tự động sửa lỗi, bạn cũng có thể sao chép lỗi hoặc chỉ cần chụp màn hình để yêu cầu đại lý sửa

Trong blog dưới đây, tôi chia sẻ mọi thứ bạn cần để tái tạo trang web tương tác 3D theo phong cách Vision Pro mà tôi đã xây dựng miễn phí bằng cách sử dụng @emergentlabs - lời nhắc chính xác được sử dụng để tạo ra ứng dụng này - mô hình 3D .gltf Vision Pro với hoạt ảnh - mã nguồn đầy đủ trên VSCODE

nếu bạn thấy điều này truyền cảm hứng, hãy theo dõi @EHuanglu để tìm hiểu về AI và thích & chia sẻ để nhiều người biết đến hơn 👇