Главная страница Категория 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 - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.

+775

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

Автор - frontendmasters

frontendmasters

Другие материалы в этой категории

Построение сложных 3D-моделей с помощью WebGL

Three.js и WebGL 3D Курс (VR, OpenGL)

Креативное программирование в Canvas и WebGL

Обогатите свою историю с помощью 3D: Потрясающий опыт с WebGL

Создание простого веб-сайта-портфолио с помощью WebGL и Barba.js

Экспериментальный Javascript

Шейдеры для Веба