Tạo ứng dụng và đồ họa web 3D với Whitestorm.js
Trò chơi trên web đã đi một chặng đường dài nhờ WebGL và API HTML5 có liên quan. Thư viện mã nguồn mở nổi bật nhất cho 3D là Three.js.
Mặc dù Three.js rất mạnh, nhưng nó cũng phức tạp để học từ đầu. Thay vào đó, bạn có thể lấy Whitestorm.js, một khung nguồn mở được tạo cho đồ họa web 3D. Nó sử dụng Three.js như một công nghệ cơ bản để giúp bạn xây dựng nhanh hơn và tạo hiệu ứng 3D thực tế trong trình duyệt.
Whitestorm đi kèm với nó động cơ vật lý riêng được xây dựng dựa trên kết xuất của Three.js. Điều này cho phép bạn tạo ra lực hấp dẫn thực tế và các hiệu ứng tương tự khác trong đó các đối tượng tương tác và trả lời lẫn nhau.
Và Whitestorm là hoàn toàn mô-đun, vì vậy bạn có toàn quyền kiểm soát các tính năng được tải vào trang. Nó sử dụng Thư viện vật lý Bullet chuyển sang JavaScript cho hỗ trợ đầy đủ trên web.
Đây là một đoạn mã cơ bản tạo môi trường Three.js mới sử dụng Whitestorm.
const app = new WHS.App ([new WHS.app.EuityModule (), // đính kèm với DOM new WHS.app.SceneModule (), // tạo THREE.Scene mới WHS.app.CameraModule (), // tạo phiên bản Pers perspectiveCamera mới WHS.app.RenderingModule () // tạo phiên bản WebGLRenderer]); app.start (); // chạy hoạt hình
Bạn có thể tự nhiên thêm các mô-đun của riêng bạn và ngay cả tạo plugin / thành phần xây dựng thư viện mặc định. Mã JS hỗ trợ ECMAScript 6 và nên hỗ trợ tất cả các thay đổi sắp tới cho ngôn ngữ.
Hình học, vật lý, và chuyển động Tất cả cuộn vào một thư viện. Whitestorm thực sự là tương lai của hoạt hình 3D cho web.
Bạn có thể tìm rất nhiều mã mẫu trong repo GitHub cùng với liên kết tải xuống và một trình duyệt tập tin. Được cảnh báo thư viện là khổng lồ Vì vậy, có rất nhiều để đi qua. Ngay cả tài liệu cũng có hướng dẫn dài cho những người mới bắt đầu.
Nhưng với những tài liệu đó, bạn có thể học mọi thứ từ Biến đổi 3D đến gỡ lỗi và hoạt hình 3D chi tiết.
Để tìm hiểu thêm, hãy truy cập trang web chính và duyệt qua một số ví dụ trực tiếp để xem Whitestorm trong hành động. Nếu bạn đủ táo bạo để lặn, hãy tải xuống một bản sao của thư viện từ GitHub hoặc là qua npm và bắt đầu tạo một số ứng dụng web 3D ngọt ngào.
