Виртуальная лаборатория 3D графики. Изучаем Three.js, WebGL, WebGPU, создаём 3D диаграммы, визуализации и интерактивные сцены.
Знакомство с GSAP — профессиональной библиотекой для создания плавных анимаций в браузере. Разбираем возможности и смотрим 5 впечатляющих проектов из официальной галереи: Michael Gatt, Graffico Office, Harsh' Portfolio, HOLM и bleibtgleich'26.
Подборка самых впечатляющих сайтов на Three.js: от логистических платформ до креативных портфолио. United Carriers, Ricardo Chance, Framemode и ещё 16 проектов с полным разбором технологий.
Разбираю 7 критериев оценки премии Web Design Awards, делюсь личным топом работ с Three.js и инсайтами для веб-разработчиков.
Разбираем технологию SDF для рендеринга текста в 3D-сцене. Как работает, где применяется, живой пример из Playground и практические советы по внедрению.
Знакомство с Babylon.js — открытым 3D-движком. Рассматриваем возможности, смотрим живую 3D-модель Lamborghini Countach.
Разбираем официальный пример three.js с Ferrari 458 Italia. Как работают физические материалы, HDR-окружение и управление цветом в реальном времени.
Библиотека реалистичного 3D-глобуса с динамической сменой дня и ночи на Three.js. Текстуры Земли, атмосфера, вращение и освещение — полный гайд по внедрению в ваш проект.
Современная веб-графика выходит на новый уровень. Three.js — это библиотека для создания 3D-сцен в браузере, работающая поверх WebGL (низкоуровневый API для рендеринга). WebGPU — следующее поколение, обеспечивающее более высокую производительность и доступ к вычислительным шейдерам. В нашей лаборатории мы исследуем все эти технологии, создаём 3D диаграммы, интерактивные визуализации и виртуальные туры. Делимся опытом внедрения 3D в реальные проекты, оптимизацией и кроссплатформенными решениями.