three.js Справочное руководство
From three.js
Ricardo Cabello
aka mrdoob
three.js
справочное руководство
three.js - это кроссбраузерная JavaScript библиотека и API, используемая для создания и отображения анимированной трехмерной компьютерной графики в веб-браузере. three.js использует WebGL.
В three.js возможно создавать трехмерные анимации, ускоряемые графическим процессором, при помощи языка JavaScript, как части вебсайта, не полагаясь на собственные плагины браузеров. Это стало возможным благодаря появлению WebGL.
В three.js включены следующие функции:
Эффекты:
метод получения стереоэффекта для стереопары
обычных изображений при помощи цветового
кодирования изображений, предназначенных
для левого и правого глаза')" onmouseout="hide()">анаглиф,
собственных глаз менять фокусное расстояние.
Если есть желание попробовать,
выполните следующую последовательность действий:' +'
трехмерным.')"> перекрестный взгляд (cross-eyed) и параллаксный барьер (parallax barrier).
Сцены: добавление и удаление объектов во время выполнения; туман
Камеры: с перспективной и ортографической проекцией; контроллеры: трекбол, FPS, путь и другие
Анимация: каркасы, прямая кинематика, инверсная кинематика, морфинг и ключевые кадры
Освещение: фоновое, направленное, точечное и прожекторное; тени: отбрасывание и получение
Материалы: PBR, Phong, Lambert, мягкое затенение, текстуры и другое
Шейдеры: доступ к полноценному языку программирования шейдеров (OpenGL Shading Language - GLSL); возможности: блики от линз, передача глубины и обширная библиотека пост-обработки
Объекты: сетки (meshes), частицы (particles), спрайты (sprites), линии, ленты (ribbons), кости (bones) и многое другое - все с
или меньшим количеством геометрических элементов в
зависимости от расстояния между объектом и камерой')" onmouseout="hide()">уровнем детализации
Геометрические элементы: плоскость, куб, сфера, тор, 3D текст и другие
Модифицированные геометрические элементы: точеные формы, рельеф и труба
Загрузчики: бинарных, графических, JSON и сценарных данных
Утилиты: полный набор временны́х и трехмерных математических функций, включая усеченный конус (усеченная параллельными плоскостями часть фигуры), матрицу, кватернион, UV-координаты и другие
Экспорт и импорт: утилиты для создания JSON-файлов, совместимых с three.js из: Blender, openCTM, FBX, Max, и OBJ
Сопровождение: разрабатывается документация по API, общественный форум и вики-сайт в полном объеме
Примеры: Свыше 150 файлов с кодами примеров плюс шрифты, модели, текстуры, звуки и другие поддерживаемые файлы
Отладка: Stats.js, WebGL Inspector, Three.js Inspector
three.js работает во всех браузерах, поддерживающих WebGL. Выпускается three.js под лицензией MIT.
метод получения стереоэффекта для стереопары
обычных изображений при помощи цветового
кодирования изображений, предназначенных
для левого и правого глаза')" onmouseout="hide()">анаглиф,
собственных глаз менять фокусное расстояние.
Если есть желание попробовать,
выполните следующую последовательность действий:' +'
Смотрите на изображение.
Не отрывая взгляда от изображения, начинайте сдвигать
фокусное расстояние ближе к носу (скосите глаза).
'
+'фокусное расстояние ближе к носу (скосите глаза).
Две части изображения начнут накладываться одна
на другую, образуя третью, которая появится в центре.
'
+'на другую, образуя третью, которая появится в центре.
Сосредоточьтесь на появившейся картинке и сфокусируйте
на ней взгляд.
Если у вас все получилось, то изображение в центре вы увидитена ней взгляд.
трехмерным.')"> перекрестный взгляд (cross-eyed) и параллаксный барьер (parallax barrier).
Сцены: добавление и удаление объектов во время выполнения; туман
Камеры: с перспективной и ортографической проекцией; контроллеры: трекбол, FPS, путь и другие
Анимация: каркасы, прямая кинематика, инверсная кинематика, морфинг и ключевые кадры
Освещение: фоновое, направленное, точечное и прожекторное; тени: отбрасывание и получение
Материалы: PBR, Phong, Lambert, мягкое затенение, текстуры и другое
Шейдеры: доступ к полноценному языку программирования шейдеров (OpenGL Shading Language - GLSL); возможности: блики от линз, передача глубины и обширная библиотека пост-обработки
Объекты: сетки (meshes), частицы (particles), спрайты (sprites), линии, ленты (ribbons), кости (bones) и многое другое - все с
или меньшим количеством геометрических элементов в
зависимости от расстояния между объектом и камерой')" onmouseout="hide()">уровнем детализации
Геометрические элементы: плоскость, куб, сфера, тор, 3D текст и другие
Модифицированные геометрические элементы: точеные формы, рельеф и труба
Загрузчики: бинарных, графических, JSON и сценарных данных
Утилиты: полный набор временны́х и трехмерных математических функций, включая усеченный конус (усеченная параллельными плоскостями часть фигуры), матрицу, кватернион, UV-координаты и другие
Экспорт и импорт: утилиты для создания JSON-файлов, совместимых с three.js из: Blender, openCTM, FBX, Max, и OBJ
Сопровождение: разрабатывается документация по API, общественный форум и вики-сайт в полном объеме
Примеры: Свыше 150 файлов с кодами примеров плюс шрифты, модели, текстуры, звуки и другие поддерживаемые файлы
Отладка: Stats.js, WebGL Inspector, Three.js Inspector
Примечание переводчика: в данной справке множество ссылок, которые выглядят вот так: ссылка. При наведении на неё курсора мышки появится всплывающая подсказка. При клике левой кнопкой мышки на ней либо появится ещё одна всплывающая подсказка, либо будет сделан переход в другое место данной справки или на какое-нибудь место в сети Интернет.