Создание 3D веб-приложений и графики с Whitestorm.js

Веб-игры прошли долгий путь благодаря WebGL и связанным API-интерфейсам HTML5. Самая известная библиотека с открытым исходным кодом для 3D Three.js,

Несмотря на то, что Three.js является мощным средством, его также сложно изучить с нуля. Вместо этого вы можете подобрать Whitestorm.jsфреймворк с открытым исходным кодом для трехмерной веб-графики. Он использует Three.js в качестве базовой технологии, чтобы помочь вам быстрее создавать и создавать реалистичные 3D-эффекты в браузере.

Whitestorm поставляется с собственным физическим движком, построенным на основе рендеринга Three.js. Это позволяет вам создавать реалистичная гравитация и другие подобные эффекты, когда объекты взаимодействуют и реагируют друг на друга.
А Whitestorm является полностью модульным, поэтому вы можете полностью контролировать, какие функции загружаются на страницу. Он использует Пуля Физика библиотека портирован на JavaScript для полной поддержки в Интернете.

Вот базовый фрагмент кода, который создает новую среду Three.js с помощью Whitestorm.

const app = new WHS.App ([
new WHS.app.ElementModule(), // attach to DOM
new WHS.app.SceneModule(), // creates THREE.Scene instance
new WHS.app.CameraModule(), // creates PerspectiveCamera instance
new WHS.app.RenderingModule() // creates WebGLRenderer instance
]);

app.start (); // запустить анимацию

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

Геометрия, физика и движение объединены в одну библиотеку. Whitestorm – это будущее 3D-анимации для Интернета.

Вы можете найти много примеров кодов в репозитории GitHub наряду со ссылками на скачивание и файловым браузером. Имейте в виду, что библиотека огромный так что многое предстоит пережить. Даже в документации есть длинные учебники для начинающих.

Но с этими документами вы можете узнать все от 3D преобразований до отладки и детальная 3D анимация,
Чтобы узнать больше, посетите главный сайт и просмотреть некоторые живые примеры увидеть Whitestorm в действии. Если вы достаточно смелы, чтобы окунуться, скачайте копию библиотеки от GitHub или через npm и начните создавать приятные 3D веб-приложения.

Рекомендуемое чтение: 20 полезных программ для 3D-моделирования, которые вы можете использовать бесплатно