8 лучших JavaScript библиотек для 3D графики

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики

Современные браузеры ушли далеко вперед по сравнению со своими предшественниками и уже не ограничиваются отображением одной только текстовой информации. Сейчас им вполне под силу интерактивные трехмерные сцены со сложными объектами и фотореалистичной визуализацией. И если вы уже созрели для того, чтобы «выйти в третье измерение», то представляем вам подборку некоторых интересных библиотек, основанных как на WebGL, так и на .

Voxel

Автор этого проекта поставил перед собой цель (и нужно сказать, он ее вполне достиг) разработать легкую, основанную на CSS, библиотеку с очень простым набором классов. В библиотеке всего 4 основных класса: сцена, окружающий мир, редактор и непосредственно voxel. Класс сцена отвечает за расположение камеры, окружающий мир управляет размещением всех добавляемых в него вокселей, и, наконец, редактор позволяет пользователю манипулировать положением камеры и выполнять действия над вокселями.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики


Three.js

Очень простая библиотека, рассчитанная на новичков в области трехмерной веб-графики. Позволяет легко создавать различные объекты, и отображать их в браузере, используя один из четырех рендеров: , , CSS3D или WebGL.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики

Photon

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

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики


svg-mesh-3d

Модуль высокого уровня для преобразования SVG строки в триангулированную сетку. Лучше всего подходит для контурных изображений, например, иконочных шрифтов SVG.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики

Sprite3D.js

Sprite3D.js позволяет легко манипулировать элементами в трехмерном пространстве. Можно управлять положением, вращением и масштабированием элементов при помощи простых функций, которые можно применять последовательно (в виде конвейера). Объекты Sprite3D являются обычными HTML элементами, поэтому к ним применимы стандартные CSS директивы.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики


interactive_3d

Основанная на jQuery библиотека, позволяющая создавать интерактивный 3D объект при помощи всего нескольких изображений. Лучше всего подходит для демонстрации товаров в онлайн магазинах.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики


Phoria.js

JavaScript библиотека для создания несложных 3D объектов и их визуализации, используя тэг . Phoria.js не использует WebGL, а потому работает на всех браузерах, поддерживающих HTML5.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики

DivSugar

Основанная на CSS графическая библиотека, позволяющая создавать трехмерные сцены и анимацию. Каждый элемент графической сцены представляет собой расширенный
элемент, поэтому интегрирование 3D сцен в вебстраницы не составляет труда.

jQuery плагины и JavaScript решения: 8 лучших JavaScript библиотек для 3D графики
Напишите свой комментарий
comments powered by HyperComments