Курсы Three.js и 3D-графики для веба

Three.js Docs + Examples (самообучение)

Если честно, я долго искал “нормальный курс”, а потом просто залип в примеры и доки. И вот где реально жизнь: маленькие демки, которые можно ломать руками. У меня сработало так — открыл examples, выкинул половину кода, потом вернул обратно, и внезапно всё стало понятнее, чем в лекциях. Да, местами сухо. Но это честная база, без мишуры.

Three.js Journey (WebGL + Three.js)

Там объём просто конский. Я думала, “ну посмотрю пару уроков”, ага. Уроки длинные, но не занудные, и самое важное — тебя заставляют делать руками, иначе смысла ноль. Мне зашло, что он не стесняется математики, но объясняет по‑человечески, без ощущения “ты тупой”. После пары недель я перестала бояться камер и света. Это уже что-то.

Vanilla Three.js Course

Нормальный старт, без “переходим на шейдеры через 10 минут”. Мне понравилось, что всё по ваниле: сцена, камера, рендер — базис, который потом везде всплывает. Минус — хотелось бы больше про загрузку моделей и типичные грабли продакшена, типа текстуры, гамма, вот это всё. Но как “вкатиться и не сгореть” — ок.

WebGL and Three.js Fundamentals

Это такой “учебник голосом”. Без крика, без шоу, просто разложили по полкам: меши, материалы, свет, текстуры. Я включал вечером и ковырял параллельно, иначе оно не прилипает. Местами чувствуется, что курс не вчера записан, но фундамент не стареет. Если надо быстро систематизировать — прям хорош.

3D Application & Game Development with Three.js

Неплохой вариант “пощупать бесплатно”, чтобы понять вообще твоё это или нет. Я прошёл кусками: геометрия, текстуры, модели. Но подача местами как конспект, без воздуха, и хочется чуть больше практики на нормальном мини‑проекте, а не по одному приёму за раз. Для старта сойдёт. Дальше всё равно уйдёте в доки.

Three.js 101 Crash Course (видео)

Семь часов — звучит страшно, но это тот случай, когда “включил и поехали”. Я люблю такой формат: быстро, много, чуть хаоса, зато потом садишься и уже знаешь, что искать. Никакой магии, просто фундамент. Минус только один: если не повторять код, всё улетит из головы через день. Проверено.

Three.js Crash Course for Absolute Beginners (видео)

Как бы да, это старенький ролик… но для “что такое сцена/камера/рендер” он всё ещё работает. Я пересматривал куски, когда застревал на базовых вещах, и это спасало. Больше похоже на быстрый мастер‑класс, чем на полноценное обучение. На роль “первый контакт” — норм, дальше надо копать глубже.

Three.js Examples (разбор демо)

Вот честно: примеры — лучшее “обучение” по Three.js, если ты не боишься чужого кода. Я брала один пример в день и переписывала под себя. Где-то тупила, где-то материлась, но в голове выстраивается карта: пост‑процессинг тут, камеры там, материалы вот они. Сильно помогает, когда уже есть хоть какая‑то база по JS.

Three.js Documentation (manual + API)

Доки норм, если заходить с задачей, а не “прочитаю всё от корки”. Я обычно так: упёрся в материал или свет, открыл страницу, нашёл пару параметров, пошёл тестить. И всё. Когда пробовал читать подряд — мозг выключался через 15 минут. Трюк простой: доки как справочник, не как роман.

Three.js Editor (практика сцен)

Редактор — штука странная, но полезная. Я через него впервые понял, как сцена “собирается”: свет, меши, материалы, иерархия. Когда не хотелось писать код, просто накидывал объект и крутил параметры, как в 3D‑пакете. Потом экспорт и уже руками допиливаешь. Не заменяет обучение, но как песочница — огонь.

three.js GitHub (чтение исходников + issues)

Это не “курс”, но я сюда пришла, когда надо было понять, почему оно так себя ведёт. Issues, обсуждения, иногда прям готовые решения. Да, тяжело. Да, не для новичков. Но если вы уже делаете проект и ловите баги/странности — GitHub реально выручает, потому что там живёт правда, без маркетинга.

Three.js Resources (подборки курсов/туториалов)

Когда устал гуглить “three js tutorial нормальный”, такие каталоги прям спасают. Я не всё там люблю, но как навигатор — удобно: курсы, примеры, штуки для шейдеров, WebXR. Выбираешь маршрут под себя, без ощущения, что ты опять попал на “10 минут и ты профи”. Короче, полезная полка с инструментами.