Головна » Інструментарій » Створюйте 3D веб-програми та графіку за допомогою Whitestorm.js

    Створюйте 3D веб-програми та графіку за допомогою Whitestorm.js

    Веб-ігри пройшли довгий шлях завдяки WebGL і пов'язані з HTML5 API. Найбільш відомою бібліотекою з відкритим кодом для 3D є Three.js.

    Хоча Three.js є потужним, це також складний для навчання з нуля. Замість цього ви можете забрати Whitestorm.js, фреймворк з відкритим вихідним кодом для 3D веб-графіки. Це використовує Three.js як основна технологія, яка допоможе вам швидше створювати та створювати реалістичні 3D-ефекти в браузері.

    Whitestorm поставляється з його власний фізичний движок побудований поверх візуалізації Three.js. Це дозволяє створювати реалістичну гравітацію та інші подібні ефекти, коли об'єкти взаємодіяти і відповідати один одному.

    І Whitestorm є повністю модульна, так що ви маєте повний контроль над функціями, які завантажуються на сторінку. Він використовує Бібліотека Bullet Physics перекладено на JavaScript для повна підтримка в Інтернеті.

    Ось основний фрагмент коду створює нове середовище Three.js з використанням Whitestorm.

     const app = new WHS.App ([новий WHS.app.ElementModule (), // приєднується до DOM новий WHS.app.SceneModule (), // створює екземпляр THREE.Scene new WHS.app.CameraModule (), // створює екземпляр PerspectiveCamera new WHS.app.RenderingModule () // створює примірник WebGLRenderer]); app.start (); // запускати анімацію 

    Ви можете, природно додайте власні модулі і навіть створення плагінів / компонентів побудована за замовчуванням бібліотека. Код JS підтримує ECMAScript 6 і повинні підтримувати всі майбутні зміни в мові.

    Геометрія, фізики, і руху всі згорнуті в одну бібліотеку. Whitestorm - це майбутнє 3D-анімації для Інтернету.

    Ви можете знайти багато зразків кодів в репо GitHub разом з посилання для завантаження а файловий браузер. Попереджайте бібліотеку величезний так що багато чого потрібно пройти. Навіть у документації є тривалі підручники для початківців.

    Але з цими документами, ви можете дізнатися все від 3D-перетворення до налагодження та детальна 3D-анімація.

    Щоб дізнатися більше, відвідайте головний сайт і перегляньте деякі приклади, на які можна жити див. Whitestorm в дії. Якщо ви досить сміливі, щоб зануритися, завантажте копію бібліотеки від GitHub або через npm і почати створювати деякі солодкі 3D веб-програми.