8 лучших JavaScript библиотек для 3D графики
Современные браузеры ушли далеко вперед по сравнению со своими предшественниками и уже не ограничиваются отображением одной только текстовой информации. Сейчас им вполне под силу интерактивные трехмерные сцены со сложными объектами и фотореалистичной визуализацией. И если вы уже созрели для того, чтобы «выйти в третье измерение», то представляем вам подборку некоторых интересных библиотек, основанных как на WebGL, так и на CSS.
Voxel
Автор этого проекта поставил перед собой цель (и нужно сказать, он ее вполне достиг) разработать легкую, основанную на CSS, 3D библиотеку с очень простым набором классов. В библиотеке всего 4 основных класса: сцена, окружающий мир, редактор и непосредственно voxel. Класс сцена отвечает за расположение камеры, окружающий мир управляет размещением всех добавляемых в него вокселей, и, наконец, редактор позволяет пользователю манипулировать положением камеры и выполнять действия над вокселями.
Three.js
Очень простая библиотека, рассчитанная на новичков в области трехмерной веб-графики. Позволяет легко создавать различные объекты, и отображать их в браузере, используя один из четырех рендеров: , , CSS3D или WebGL.
Photon
JavaScript библиотека, добавляющая 3D эффекты к различным объектам. Довольно сильно нагружает процессор, о чем следует помнить, если вы хотите, чтобы ваш сайт адекватно работал на маломощных компьютерах.
svg-mesh-3d
Модуль высокого уровня для преобразования SVG строки в триангулированную сетку. Лучше всего подходит для контурных изображений, например, иконочных шрифтов SVG.
Sprite3D.js
Sprite3D.js позволяет легко манипулировать HTML элементами в трехмерном пространстве. Можно управлять положением, вращением и масштабированием элементов при помощи простых функций, которые можно применять последовательно (в виде конвейера). Объекты Sprite3D являются обычными HTML элементами, поэтому к ним применимы стандартные CSS директивы.
interactive_3d
Основанная на jQuery библиотека, позволяющая создавать интерактивный 3D объект при помощи всего нескольких изображений. Лучше всего подходит для демонстрации товаров в онлайн магазинах.
Phoria.js
JavaScript библиотека для создания несложных 3D объектов и их визуализации, используя тэг HTML5. Phoria.js не использует WebGL, а потому работает на всех браузерах, поддерживающих HTML5.
