Kiểm tra tính tương thích của WebGL
Mặc dù điều này ngày càng trở nên ít xảy ra vấn đề hơn, nhưng một số thiết bị hoặc trình duyệt vẫn có thể không hỗ trợ WebGL. Phương pháp sau đây cho phép bạn kiểm tra xem nó có được hỗ trợ hay không và hiển thị thông báo cho người dùng nếu nó không được hỗ trợ.
Thêm https://github.com/mrdoob/three.js/blob/master/examples/jsm/WebGL.js vào javascript của bạn và chạy đoạn code sau
if ( WEBGL.isWebGLAvailable() ) {
// khởi tạo
animate();
} else {
const warning = WEBGL.getWebGLErrorMessage();
document.getElementById( 'container' ).appendChild( warning );
}
Cách chạy cục bộ (mở folder của Source được lưu trên máy)
Nếu bạn chỉ sử dụng kiểu ngày, các trang web sẽ hoạt động ngay từ hệ thống tệp, chỉ cần nhấp đúp vào tệp HTML trong trình quản lý tệp và nó sẽ xuất hiện hoạt động trong trình duyệt (bạn sẽ thấy file: //yourFile.html trong thanh địa chỉ).
Nội dung được tải từ các tệp bên ngoài
Nếu bạn tải mô hình 3d từ các tệp bên ngoài, do các hạn chế về bảo mật chính sách #cors việc tải từ hệ thống tệp sẽ không thành công với một ngoại lệ bảo mật.
Có hai cách để giải quyết vấn đề này:
1. Thay đổi bảo mật cho các tệp cục bộ trong trình duyệt.
Điều này cho phép bạn truy cập trang của mình với tư cách:
file:///yourFile.html
Chạy tệp từ máy chủ web cục bộ. Điều này cho phép bạn truy cập trang của mình với tư cách:
http://localhost/yourFile.html
Nếu bạn sử dụng tùy chọn 1, hãy lưu ý rằng bạn có thể tự mở ra một số lỗ hổng nếu sử dụng cùng một trình duyệt để lướt web thông thường. Bạn có thể muốn tạo một hồ sơ / lối tắt trình duyệt riêng được sử dụng chỉ để phát triển cục bộ cho an toàn. Hãy lần lượt xem qua từng tùy chọn.
2. Chạy một máy chủ cục bộ
Nhiều ngôn ngữ lập trình có các máy chủ HTTP đơn giản được tích hợp sẵn. Chúng không có đầy đủ tính năng như các máy chủ như Apache hoặc NGINX , tuy nhiên chúng phải đủ để kiểm tra ứng dụng Three.js của bạn.
Plugin cho các trình chỉnh sửa mã phổ biến
Một số trình chỉnh sửa mã có các plugin sẽ tạo ra một máy chủ đơn giản theo yêu cầu.
five-server cho Visual Studio Code.
Live-Server cho Visual Studio Code.
