Создание красивого 3D сайта на Three.js
Автор: WebDesign Master
Загружено: 2025-10-26
Просмотров: 4546
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/b...
В этом уроке мы рассмотрим создание красивого 3D сайта с использованием библиотеки Three.js. Современная веб-разработка удивляет своими возможностями, и в этом примере мы раскроем одну из её граней - создание потрясающих атмосферных анимаций на основе WebGL.
Страница урока: https://webdesign-master.ru/blog/html...
Таймкоды:
00:00 Начало урока
01:36 Обзор материалов урока
02:21 Подготовка к разработке
04:37 Подготовка сцены в Blender
05:41 Базовая HTML разметка
06:26 Базовая CSS стилизация
08:30 Создание сцены в Three.js
26:24 Базовая цветокоррекция
28:20 Добавление тумана в Three.js
30:34 Добавление виньетки
31:59 Цветокор с помощью CSS
33:22 Работа с освещением
37:01 FXAA сглаживание
38:48 Виньетирование в Three.js
41:42 Создание прелоадера
46:32 Создание UI интерфейса
52:34 Реализация плавного скролла
54:12 Parallax эффект при скролле
1:01:16 Что ещё изучить?
ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![Устраиваюсь кодером НЕ УМЕЯ кодить [ Пранк работодателей ]](https://ricktube.ru/thumbnail/A92uM-WAbWY/mqdefault.jpg)
![Цепи Маркова — математика предсказаний [Veritasium]](https://ricktube.ru/thumbnail/QI7oUwNrQ34/mqdefault.jpg)
