Главная страницаКатегория 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

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

21 апр. 2020 г., 17:38

Участники курса узнают как создавать в реальном времени визуальные эффекты, интерактивный опыт и генеративные художественные проекты с использованием JavaScript, WebGL / GLSL и веб-платформы. В частности, этот семинар будет посвящен некоторым более сложным темам, таким как знакомство с трехмерной векторной математикой и более продвинутые эффекты шейдеров. Навыки, которые вы изучите здесь, могут быть применены во многих областях, включая AR / VR, разработку игр, интерактивные инсталляции, VJing, генеративный дизайн, медиа-арт и многое другое. Завершенные проекты могут отображаться в Интернете, на печатных носителях и в физических установках.

Изучите основы 3D математики для игрового и графического программирования
Научитесь писать vertex и fragment шейдеры для продвинутых эффектов
Узнайте, как добавить 3D-рендеринг в ваш веб-проект
Научитесь экспортировать ваши рендеры для веб-страниц, MP4, GIF и отпечатков высокого разрешения
Изучите основы работы графического процессора и графического конвейера.

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

Урок 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 и др.) и делает упор на глубокое понимание и применение знаний на практике.

+790

Комментарии