frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
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:34Introduction
-
Урок 2. 00:06:20Setup & Guidebook
-
Урок 3. 00:05:08Installing canvas-sketch-cli
-
Урок 4. 00:04:32Canvas Sketch Introduction
-
Урок 5. 00:04:38Canvas API Basics
-
Урок 6. 00:07:37Canvas Sketch Applications
-
Урок 7. 00:04:42The Grid
-
Урок 8. 00:07:51Drawing the Grid
-
Урок 9. 00:04:08Linear Interpolation
-
Урок 10. 00:06:12Adding Randomness
-
Урок 11. 00:06:27Radius & Organic Randomness
-
Урок 12. 00:06:32Color Palettes
-
Урок 13. 00:04:54Noise
-
Урок 14. 00:02:23Coding Noise with noise2D
-
Урок 15. 00:07:02Drawing with Text Characters
-
Урок 16. 00:03:43Canvas Q&A
-
Урок 17. 00:04:27Generative Wall Drawings
-
Урок 18. 00:02:18Generative Wall Exercise
-
Урок 19. 00:02:10Takeaways of Generative Wall Exercise
-
Урок 20. 00:05:09The Third Dimension
-
Урок 21. 00:08:14Three.js Concepts
-
Урок 22. 00:12:43Coding a ThreeJS Isometric Cube
-
Урок 23. 00:15:18Capabilities of Three.js: Isometric Perspective
-
Урок 24. 00:07:14Capabilities of Three.js: Color, Lighting, and Composition
-
Урок 25. 00:01:31Three Dimensional Thinking Q&A
-
Урок 26. 00:01:16Rationale for Simple Shapes
-
Урок 27. 00:02:58Making a GIF
-
Урок 28. 00:08:59Exporting GIFs & MP4s
-
Урок 29. 00:08:47Easing & Trigonometry
-
Урок 30. 00:02:42Troubleshooting and webGL Q&A
-
Урок 31. 00:10:13Shaders
-
Урок 32. 00:01:10Primary Branding
-
Урок 33. 00:10:19Shaders Example: Introduction
-
Урок 34. 00:10:12Shaders Example: Shape & Form
-
Урок 35. 00:04:33Shaders Example: Step Functions
-
Урок 36. 00:01:58Shaders Example: Additional Thoughts
-
Урок 37. 00:05:10Shaders Q&A
-
Урок 38. 00:02:02Hot Reloading & Future Features
-
Урок 39. 00:07:11Introducing Noise
-
Урок 40. 00:05:46Introducing Color
-
Урок 41. 00:09:50Additional Thoughts and Q&A
-
Урок 42. 00:17:00Live Example: Thought Process
-
Урок 43. 00:12:36Live Example: Advanced Topics
-
Урок 44. 00:04:11Penplotter
-
Урок 45. 00:04:55Blender
-
Урок 46. 00:04:33Current Projects
Автор - frontendmasters
Категории
Комментарии
-
MQ-9 Reaper3 ep.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Построение сложных 3D-моделей с помощью WebGL
Build Complex 3D models with WebGL
Мы рассмотрим per-vertex coloring, расширенное использование vertex arrays, дополнительные режимы рисования для построения 3D-моделей, перспективы, текстуры и освещения. Этот курс предполагает предварительные знания в WebGL.
Three.js и WebGL 3D Курс (VR, OpenGL)
Three.js & WebGL 3D Programming Crash Course (VR, OpenGL)
Узнайте, как легко создавать 3D-приложения и игры для веб-браузеров. Как создавать интерактивные 3D фишки, такие как веб-приложение и игры. В этом курсе мы используем поэтапный процесс создания, чтобы показать все: от настройки до создания интерактивных 3D-миров.
3D-программирование с помощью WebGL и Babylon.js для начинающих
3D Programming with WebGL and Babylon.js for Beginners
Обновите свои навыки и будьте готовы к будущему, включив 3D-технологии в свой портфель навыков.В настоящее время поддерживается всеми браузерами, WebGL - это JavaScript API, который позволяет вам отображать 3D-изображения в браузере без использования плагинов. Существующие библиотеки, такие как Babylon.js, делают этот процесс очень простым и интуитивным для разработчиков с использованием JavaScript.В этом курсе вы узнаете основные понятия WebGL и
VR-разработчик. Разработки VR-приложения: от идеи до монетизации
VR-разработчик — это профессия будущего. Такие гиганты, как Facebook, YouTube, Google , находятся в постоянном поиске талантливых VR-специалистов. При этом войти в профессию очень легко, люди с любым бэкграундом могут начать обучение. Навыки VR-разработки, создания и ведения проектов в виртуальной реальности добавят тысячу очков к любой профессии.
frontendmasters
3 мая 2018 г., 19:04
WebVR
Научитесь использовать WebVR API и 3D-программирование в Интернете, используя THREE.js с Aysegul Yönet (кто переведет это имя, будем признательны), пока она учит основам создания 3D-сцен на JavaScript, позволяя вам пройти через создание виртуальной и дополненной реальности в Интернете.