Công cụ cho Babylon.js

Nhân vật Mixamo trong Babylon.js WebGPU.

Tạo trình điều khiển JavaScript sạch cho nhân vật 3D với WebGPU và dự phòng tự động sang WebGL.

Bước 1

Thiết lập nhân vật

✧

Nhập URL công khai của tệp GLB. Nếu để trống, một viên nang thử nghiệm sẽ được hiển thị.

URL mô hình Mixamo (.glb) Ví dụ: https://my-site.com/player.glb

Tên hoạt ảnh

Sau khi tải mô hình, các hoạt ảnh này sẽ xuất hiện dưới dạng các nút trực tiếp trong cảnh.

Chờ Đi bộ

Chạy Nhảy

Ngã Hoạt ảnh mở rộng

Ánh xạ các tên Nhóm Hoạt ảnh khác từ mô hình Mixamo vào các nút trong cảnh.

Nhảy múa Vẫy tay

Đấm Đá

Lén lút Ngồi xổm

Ăn mừng Kết thúc

Di chuyển

Tốc độ đi bộ Tốc độ chạy

✦Tạo JS

Bước 2 · Đầu ra

babylon_controller.js

JS TS

0 řádků

JavaScript · Babylon.js

▣Sao chép vào Playground ↓Tải xuống .js ↓Tải xuống .ts ↗Tải xuống HTML hoàn chỉnh

Kiểm tra nhanh nhất: sao chép JS vào Babylon.js Playground, tải xuống TS vào dự án của bạn hoặc sử dụng HTML có sẵn.

Trước khi bạn nhấn Chạy

Từ mã đến cảnh 3D trong chốc lát

Đầu ra sử dụng Babylon.js WebGPU từ CDN, sàn gỗ anh đào theo thủ tục và chuyển sang WebGL nếu không được hỗ trợ.

Xuất mô hình Mixamo dưới dạng GLB và sử dụng URL mà trình duyệt có thể tải. Sàn nhà được tạo từ kết cấu gỗ anh đào theo thủ tục mà không cần hình ảnh bên ngoài. WebGPU hoạt động trong các trình duyệt được hỗ trợ qua HTTPS hoặc localhost; nếu không được hỗ trợ, WebGL sẽ được sử dụng. Khi mở qua file://, trình duyệt có thể chặn việc tải mô hình — hãy sử dụng một máy chủ cục bộ đơn giản.