Threejs3D Code Play

Threejs3D Code Play giúp bạn học Three.js bằng cách chỉnh sửa mã và xem kết quả dưới dạng cảnh 3D tương tác. Bắt đầu với một ví dụ, thay đổi HTML và JavaScript của nó, sau đó chạy phiên bản của bạn trong ứng dụng.

HỌC QUA CÁC CẢNH HOẠT ĐỘNG

Khám phá 99 ví dụ trong các thí nghiệm học tập và các cảnh hoạt hình được xác định trước. Bắt đầu với hình dạng, vật liệu, ánh sáng và camera, sau đó tìm hiểu về các hạt, shader và tương tác. Hãy thử một hệ mặt trời, sóng biển hoặc một cảnh trừu tượng hoạt hình khi bạn muốn có một điểm khởi đầu lớn hơn.

Năm lộ trình học tập sắp xếp các ví dụ thành các phần cơ bản, hình học, màu sắc và ánh sáng, chuyển động và một buổi hội thảo sáng tạo. Đánh dấu các bài học đã hoàn thành, tiếp tục theo một lộ trình, đánh dấu các ví dụ hữu ích yêu thích và quay lại các cảnh đã mở gần đây.

CHỈNH SỬA, CHẠY VÀ KHÁM PHÁ

Mở một ví dụ trong trình chỉnh sửa mã hoặc bắt đầu một dự án mới với lệnh import Three.js đã có sẵn. Sử dụng tô sáng cú pháp, hoàn tác và làm lại, tìm và thay thế, và di chuyển đến dòng khi bạn làm việc. Chuyển sang chế độ xem trước khi chạy để xem mã hiện tại và kiểm tra các thông báo hoặc lỗi trên bảng điều khiển.

Kéo để xoay và chụm ngón tay để phóng to trong các bản xem trước cảnh được đóng gói. Đối với các cảnh hỗ trợ, các điều khiển trực tiếp cho phép bạn khám phá màu sắc, tốc độ hoạt ảnh, ánh sáng, hình học và nền đơn sắc hoặc chuyển sắc. Các điều khiển khả dụng tùy thuộc vào cảnh.

LƯU TRỮ THỬ NGHIỆM CỦA BẠN

Lưu các dự án đã đặt tên và mở lại chúng từ Dự án của bạn. Mở các tệp HTML để tiếp tục chỉnh sửa công việc hiện có hoặc sử dụng Lưu dưới dạng để giữ một bản sao riêng biệt.

Xuất hoặc chia sẻ dự án dưới dạng HTML hoặc ZIP. Các bản xuất bao gồm các thư viện Three.js được đóng gói sẵn; các tài sản bên ngoài tùy chỉnh vẫn nằm bên ngoài. Giải nén tệp ZIP và cung cấp thư mục của nó qua HTTP để mở dự án bên ngoài ứng dụng.

TẠO HOẠT ẢNH CHO HÌNH NỀN CỦA BẠN

Trên các thiết bị Android tương thích có hỗ trợ gốc cần thiết, hãy gửi một cảnh hoạt ảnh đến bản xem trước hình nền động của hệ thống và xác nhận lựa chọn của bạn ở đó. Các đích đến hình nền khả dụng tùy thuộc vào thiết bị.

Được xây dựng dành cho sinh viên, người đam mê và các nhà phát triển web muốn thực hành lập trình 3D thông qua các thử nghiệm nhỏ. Các ví dụ được đóng gói sử dụng thư viện cục bộ; các tài nguyên từ xa tùy chỉnh và quảng cáo có thể yêu cầu truy cập internet. Ứng dụng có chứa quảng cáo.