Three.js

Способ 1. Можно установить при помощи npm.

Это предпочтительный способ, но тогда нужно будет использовать вебпак для сборки

Для установки при помощи npm в папке проекта и выполните команду:

npm install --save three

Импорт прописываем в начале js-файла

import * as THREE from 'three';

Использование:

const scene = new THREE.Scene();

Элементы управления (контролы), загрузчики и эффекты постобработки - импортируются отдельно из вложенной папки examples/jsm

import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';

Использование

const controls = new OrbitControls();

Способ 2. Можно добавить библиотеку по ссылке с CDN

При переходе по ссылке https://unpkg.com/three откроется последняя версия файла three.js

Импортируем в начале js-файла

import * as THREE from 'https://unpkg.com/three@<VERSION>/build/three.module.js';

import { OrbitControls } from 'https://unpkg.com/three@<VERSION>/examples/jsm/controls/OrbitControls.js';

Использование такое же как и при установке библиотеки при помощи npm

const scene = new THREE.Scene();

const controls = new OrbitControls();

Способ 3. Можно скачать последнюю версию библиотеки с гитхаба https://github.com/mrdoob/three.js/

Файлы tree.js находятся в папке build, файлы с контролами, загрузчиками, постобработчиками в папке examples/jsm

Два важных момента

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

2. библиотека использует модули ES, скрипт, который ссылается на нее, должен использовать type = "module"

Изучаем JavaScript