Ricardo Cabello
aka mrdoob
three.js
справочное руководство
three.js - это небольшая по размеру кроссбраузерная JavaScript библиотека/API используемая для создания и отображения анимированной трехмерной компьютерной графики в веб-браузере. Скрипты three.js можно использовать в связке с элементом canvas HTML5, SVG или WebGL.
В three.js возможно создавать трехмерные анимации, ускоряемые графическим процессором, используя язык JavaScript как часть вебсайта, не полагаясь на собственные плагины браузеров. Это стало возможным благодаря появлению WebGL.
Библиотека предоставляет рендереры <canvas>, <svg>, CSS3D и WebGL.
В three.js включены следующие функции:
Визуализаторы (рендереры): Canvas, SVG и WebGL.
Эффекты: анаглиф,
собственных глаз менять фокусное расстояние.
Если есть желание попробовать,
выполните следующую последовательность действий:' +'
трехмерным.')"> перекрестный взгляд (cross-eyed) и параллаксный барьер (parallax barrier).
Сцены: добавление и удаление объектов во время выполнения; туман
Камеры: перспективная и ортографическая
Контроллеры: трекбол, FPS, path и другие Controllers: trackball, FPS, path and more
Анимация: armatures, forward kinematics, inverse kinematics, morph and keyframe
Освещение: фоновое, направленное, точечное и прожекторное ambient, direction, point and spot lights
Тени: отбрасывание и получение cast and receive
Материалы: PBR, Phong, Lambert, smooth shading, textures and more
Формы: доступ к полноценному языку программирования шейдеров (OpenGL Shading Language - GLSL)
Capabilities: блики от линз, передача глубины и обширная библиотека пост-обработки lens flare, depth pass and extensive post-processing library
Объекты: сетки (meshes), частицы (particles), спрайты (sprites), линии, ленты (ribbons), кости (bones) и многое другое - все с all with Level of detail
Геометрия: плоскость, куб, сфера, тор, 3D текст и другие
Modifiers: lathe, extrude and tube
Загрузчики данных: бинарный, графический, JSON и сценарный Data loaders: binary, image, JSON and scene
Утилиты: полный набор временны́х и трехмерных математических функций, включая усеченный конус (усеченная параллельными плоскостями часть фигуры), матрицу, Quaternian, UV и другие Utilities: full set of time and 3D math functions including frustum, matrix, Quaternian, UVs and more
Экспорт и импорт: утилиты для создания JSON-файлов, совместимых с three.js из: Blender, openCTM, FBX, Max, и OBJ
Сопровождение: разрабатывается документация по API, общественный форум и вики в полном объеме documentation is under construction, public forum and wiki in full operation
Примеры: Свыше 150 файлов с кодами примеров плюс шрифты, модели, текстуры, звуки и другие поддерживаемые файлы
Отладка: Stats.js, WebGL Inspector, Three.js Inspector
three.js работает во всех браузерах, поддерживающих WebGL. Выпускается three.js под лицензией MIT.
Эффекты: анаглиф,
собственных глаз менять фокусное расстояние.
Если есть желание попробовать,
выполните следующую последовательность действий:' +'
Смотрите на изображение.
Не отрывая взгляда от изображения, начинайте сдвигать
фокусное расстояние ближе к носу (скосите глаза).
'
+'фокусное расстояние ближе к носу (скосите глаза).
Две части изображения начнут накладываться одна
на другую, образуя третью, которая появится в центре.
'
+'на другую, образуя третью, которая появится в центре.
Сосредоточьтесь на появившейся картинке и сфокусируйте
на ней взгляд.
Если у вас все получилось, то изображение в центре вы увидитена ней взгляд.
трехмерным.')"> перекрестный взгляд (cross-eyed) и параллаксный барьер (parallax barrier).
Сцены: добавление и удаление объектов во время выполнения; туман
Камеры: перспективная и ортографическая
Контроллеры: трекбол, FPS, path и другие Controllers: trackball, FPS, path and more
Анимация: armatures, forward kinematics, inverse kinematics, morph and keyframe
Освещение: фоновое, направленное, точечное и прожекторное ambient, direction, point and spot lights
Тени: отбрасывание и получение cast and receive
Материалы: PBR, Phong, Lambert, smooth shading, textures and more
Формы: доступ к полноценному языку программирования шейдеров (OpenGL Shading Language - GLSL)
Capabilities: блики от линз, передача глубины и обширная библиотека пост-обработки lens flare, depth pass and extensive post-processing library
Объекты: сетки (meshes), частицы (particles), спрайты (sprites), линии, ленты (ribbons), кости (bones) и многое другое - все с all with Level of detail
Геометрия: плоскость, куб, сфера, тор, 3D текст и другие
Modifiers: lathe, extrude and tube
Загрузчики данных: бинарный, графический, JSON и сценарный Data loaders: binary, image, JSON and scene
Утилиты: полный набор временны́х и трехмерных математических функций, включая усеченный конус (усеченная параллельными плоскостями часть фигуры), матрицу, Quaternian, UV и другие Utilities: full set of time and 3D math functions including frustum, matrix, Quaternian, UVs and more
Экспорт и импорт: утилиты для создания JSON-файлов, совместимых с three.js из: Blender, openCTM, FBX, Max, и OBJ
Сопровождение: разрабатывается документация по API, общественный форум и вики в полном объеме documentation is under construction, public forum and wiki in full operation
Примеры: Свыше 150 файлов с кодами примеров плюс шрифты, модели, текстуры, звуки и другие поддерживаемые файлы
Отладка: Stats.js, WebGL Inspector, Three.js Inspector