Библиотека 3D JavaScript улучшает средства визуализации


Выпущена обновленная версия Three.js с улучшенными средствами визуализации для Canvas 2D, SVG, CSS3D и WebGL.

Three.js был разработан для предоставления библиотеки JavaScript и API, которые предлагают кроссбраузерную поддержку и минимальные накладные расходы. Его можно использовать для создания и отображения анимированной трехмерной компьютерной графики в веб-браузерах, а созданные в нем сценарии можно использовать с элементом холста HTML5, SVG и WebGL.

Разработчики работают в Three.js, визуализируя сцену с помощью камеры, источников света и сеток, а затем применяя анимацию к объектам в сцене. Three.js поддерживает множество камер, включая перспективные и ортогональные; и может использоваться с трекболом, FPS и контроллерами пути. Поддерживаемые анимации включают арматуру, прямую кинематику, обратную кинематику, морфинг и ключевой кадр, и ее можно использовать для создания специальных эффектов, таких как анаглиф, косоглазие и барьер параллакса.

Поддерживаемые световые эффекты включают окружающее, направленное, точечное и точечное освещение; в то время как теневые эффекты включают в себя отбрасывание и получение, а также затенение. Для шейдеров у вас есть доступ ко всем возможностям OpenGL Shading Language (GLSL): блику линз, проходу глубины и библиотеке пост-обработки.

К объектам относятся сетки, частицы, спрайты, линии, ленты и кости, а геометрические элементы покрывают плоскости, кубы, сферы, тор и трехмерный текст с модификаторами токарного станка, выдавливания и трубы.

Обновленная версия содержит ряд улучшений средства визуализации WebGL, включая улучшенную обработку фона с поддержкой WebGLRenderTargetCube. Текстуры обрабатываются лучше в WebGL, а порядок рендеринга и затенение вершин были улучшены. WebGLRenderer также имеет лучшую поддержку шейдеров и тонального отображения. Аудио — еще одна область, которую нужно улучшить для пользователей WebAudio.

На веб-сайте three.js есть широкий выбор демонстрационных примеров, показывающих тип анимации и эффекты, которые можно создать с помощью библиотеки.


Добавить комментарий