Главная страницаКатегория webglПродвинутое креативное программивароние: WebGL и Shaders

Продвинутое креативное программивароние: WebGL и Shaders

Name: Продвинутое креативное программивароние: WebGL и Shaders
Rating: 4.7 (20 reviews)

Advanced Creative Coding: WebGL and Shaders

frontendmasters

★4.7 (всего оценок - 20)

Продолжительность

4 ч 18 мин

Категория

WebGL

Количество уроков

43 Видео

Дата добавления

29 окт. 2019 г., 22:03

Язык

Английский

Дата выхода

28 окт. 2019 г., 21:56

Дата обновления

29 апр. 2026 г., 05:12

Продвинутое креативное программирование с WebGL и шейдерами открывает путь к созданию впечатляющих визуальных эффектов и интерактивных проектов в браузере. Этот курс поможет вам глубже понять вычислительную графику, научит работать с 3D-математикой и раскрыть потенциал GPU для генеративного дизайна, медиа-арта и современных веб-опытов.

Что вас ждет на курсе

Курс сочетает теорию и практику, помогая освоить инструменты, которые профессионалы используют в AR/VR, разработке игр, интерактивных инсталляциях и цифровом искусстве. Вы научитесь работать с WebGL и GLSL на более глубоком уровне и выводить свои идеи на новый уровень.

Углубление в 3D-векторную математику

Вы изучите фундаментальные принципы трехмерной математики, необходимые для построения пространства, движения, света и камеры. Станут понятны такие концепции, как векторы, нормали, матрицы преобразований и их роль в графическом конвейере.

Создание собственных шейдеров

Шейдеры — основа визуальной магии WebGL. Вы научитесь писать vertex и fragment шейдеры, разберете работу с текстурами, освещением, шумами и анимацией. Эти навыки позволят создавать уникальные визуальные эффекты в реальном времени.

Интеграция 3D-рендеринга в веб-проекты

Курс покажет, как встроить 3D-графику в браузерные приложения и оптимизировать ее для стабильной работы. Вы научитесь использовать WebGL напрямую или с помощью библиотек, а также правильно выстраивать сцену, камеру, материалы и рендер-пайплайн.

Экспорт и презентация результатов

Готовые проекты можно будет адаптировать к разным форматам: веб-страницы, анимации MP4 и GIF, печатные носители высокого качества или физические инсталляции. Вы получите практические рекомендации по оптимизации и финальной подготовке работ.

Навыки, которые вы освоите

Применение 3D-математики в графическом и игровом программировании
Создание собственных vertex и fragment шейдеров для сложных визуальных эффектов
Добавление 3D-рендеринга в веб-приложения
Экспорт рендеров для веба, видеоформатов и печати высокого разрешения
Понимание работы GPU и графического конвейера

Для кого этот курс

Курс подходит разработчикам, художникам, дизайнерам и всем, кто хочет расширить свои навыки в области компьютерной графики. Базовые знания JavaScript будут полезны, но основной акцент делается на творческом использовании технологий.

Что вы создадите

К концу курса вы разработаете собственный генеративный проект или интерактивный визуальный опыт, который сможете публиковать в интернете, использовать в портфолио или демонстрировать на выставках и перформансах.

Удален по просьбе правообладателя

Урок 1.00:02:33
Introduction
Урок 2.00:04:23
WebGL, GLSL & Three.js Overview
Урок 3.00:13:15
WebGL Examples
Урок 4.00:08:50
Course Code & Setup canvas-sketch
Урок 5.00:10:22
canvas-sketch Overview & Settings
Урок 6.00:03:34
Coordinate Systems
Урок 7.00:07:48
Geometry, Materials & Mesh
Урок 8.00:03:41
Position & Scene
Урок 9.00:05:15
Three.js Setup
Урок 10.00:07:38
Applying Images to Spheres
Урок 11.00:02:17
Grouping & Hierarchy
Урок 12.00:04:41
Lighting & Material Texture
Урок 13.00:03:57
Light & Grid Helper
Урок 14.00:03:08
Units & Scale
Урок 15.00:01:43
GPGPU for Computation
Урок 16.00:01:20
Light & Scene Wrap Up
Урок 17.00:09:53
Texture Mapping
Урок 18.00:11:12
Custom Geometry
Урок 19.00:05:35
Buffer Geometry
Урок 20.00:02:36
Shadertoy
Урок 21.00:09:36
Fragment Shaders
Урок 22.00:05:34
Vertex Shaders
Урок 23.00:09:13
Basic GLSL Fragment Shader
Урок 24.00:08:11
Custom Shader Setup
Урок 25.00:04:23
Custom Gradient Shader
Урок 26.00:01:49
Passing Data into Shaders
Урок 27.00:07:07
Texture Coordinates
Урок 28.00:06:31
Example Shader Inspiration
Урок 29.00:09:22
Circular Mask Pattern
Урок 30.00:02:46
Color Interpolation with mix
Урок 31.00:02:23
Translating Mask onto a Sphere
Урок 32.00:04:04
Mapping UV Coordinates on Shapes
Урок 33.00:06:53
Adding GLSL Noise
Урок 34.00:07:43
GLSL Noise
Урок 35.00:05:40
Icosahedron Geometry
Урок 36.00:07:17
Drawing Circles onto an Icosahedron
Урок 37.00:13:08
Using a Shader as a Texture
Урок 38.00:09:38
Rim Lighting
Урок 39.00:04:13
Antialiasing with GLSL
Урок 40.00:07:07
Exporting Animations in canvas-sketch
Урок 41.00:01:40
Custom Attributes Demo
Урок 42.00:08:23
Q&A
Урок 43.00:01:46
Wrapping Up

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+794

Комментарии