Главная страницаКатегория javascriptКреативное программирование в Canvas и WebGL

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

Name: Креативное программирование в Canvas и WebGL
Rating: 5 (41 reviews)

Creative Coding in Canvas & WebGL

frontendmasters

★5 (всего оценок - 41)

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

4 ч 46 мин

Категория

JavaScript

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

46 Видео

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

27 окт. 2018 г., 08:11

Язык

Английский

Дата выхода

26 окт. 2018 г., 11:07

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

27 окт. 2018 г., 08:11

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

Изучите процесс для создания собственных печатных изданий, инсталляций и веб-опытов.
Узнайте, как рисовать графику с помощью Canvas 2D API для игр, визуализации данных и других веб-впечатлений.
Узнайте, как добавить богатые анимации и взаимодействия в свои веб-проекты.
Изучите основы того, как сделать 3D и WebGL опыт с помощью ThreeJS.
Узнайте, как написать свои собственные шейдеры GLSL, чтобы добавить уникальные и красивые графические анимации в ваши веб-проекты.
Узнайте, как применять навыки креативного программирования для реальных рабочих мест, например, в играх, рекламе и монтаже.

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

Урок 1.00:08:34
Introduction
Урок 2.00:06:20
Setup & Guidebook
Урок 3.00:05:08
Installing canvas-sketch-cli
Урок 4.00:04:32
Canvas Sketch Introduction
Урок 5.00:04:38
Canvas API Basics
Урок 6.00:07:37
Canvas Sketch Applications
Урок 7.00:04:42
The Grid
Урок 8.00:07:51
Drawing the Grid
Урок 9.00:04:08
Linear Interpolation
Урок 10.00:06:12
Adding Randomness
Урок 11.00:06:27
Radius & Organic Randomness
Урок 12.00:06:32
Color Palettes
Урок 13.00:04:54
Noise
Урок 14.00:02:23
Coding Noise with noise2D
Урок 15.00:07:02
Drawing with Text Characters
Урок 16.00:03:43
Canvas Q&A
Урок 17.00:04:27
Generative Wall Drawings
Урок 18.00:02:18
Generative Wall Exercise
Урок 19.00:02:10
Takeaways of Generative Wall Exercise
Урок 20.00:05:09
The Third Dimension
Урок 21.00:08:14
Three.js Concepts
Урок 22.00:12:43
Coding a ThreeJS Isometric Cube
Урок 23.00:15:18
Capabilities of Three.js: Isometric Perspective
Урок 24.00:07:14
Capabilities of Three.js: Color, Lighting, and Composition
Урок 25.00:01:31
Three Dimensional Thinking Q&A
Урок 26.00:01:16
Rationale for Simple Shapes
Урок 27.00:02:58
Making a GIF
Урок 28.00:08:59
Exporting GIFs & MP4s
Урок 29.00:08:47
Easing & Trigonometry
Урок 30.00:02:42
Troubleshooting and webGL Q&A
Урок 31.00:10:13
Shaders
Урок 32.00:01:10
Primary Branding
Урок 33.00:10:19
Shaders Example: Introduction
Урок 34.00:10:12
Shaders Example: Shape & Form
Урок 35.00:04:33
Shaders Example: Step Functions
Урок 36.00:01:58
Shaders Example: Additional Thoughts
Урок 37.00:05:10
Shaders Q&A
Урок 38.00:02:02
Hot Reloading & Future Features
Урок 39.00:07:11
Introducing Noise
Урок 40.00:05:46
Introducing Color
Урок 41.00:09:50
Additional Thoughts and Q&A
Урок 42.00:17:00
Live Example: Thought Process
Урок 43.00:12:36
Live Example: Advanced Topics
Урок 44.00:04:11
Penplotter
Урок 45.00:04:55
Blender
Урок 46.00:04:33
Current Projects

Автор - frontendmasters

frontendmasters

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

+791

Комментарии

MQ-9 Reaper
8 мая 2021 г., 10:50
3 ep.