Начална » Toolkit » Създайте 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 пренесени в JavaScript за пълна поддръжка в интернет.

    Ето основния фрагмент от кода, който създава нова среда на Three.js използвайки Whitestorm.

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

    Можете естествено добавете свои собствени модули и дори създаване на добавки / компоненти построена от библиотеката по подразбиране. Кодът JS поддържа ECMAScript 6 и трябва да подкрепя всички предстоящи промени в езика.

    геометрия, физика, и движение всички се прехвърлят в една библиотека. Whitestorm наистина е бъдещето на 3D анимацията за мрежата.

    Можете да намерите много примерни кодове в репо GitHub заедно с линкове за изтегляне и a Файлов браузър. Бъдете предупредени, че библиотеката е огромен така че има много да мине. Дори документацията има дълги уроци за начинаещи.

    Но с тези документи можете да научите всичко от 3D трансформации да се отстраняване на грешки и подробна 3D анимация.

    За да научите повече, посетете главния сайт и разгледайте някои примери, на които живеете виж Whitestorm в действие. Ако сте достатъчно смел да се потопите, изтеглете копие от библиотеката от GitHub или чрез npm и започнете да създавате сладки 3D уеб приложения.