Release date:2022, October

Author:Bruno Imbrizi

Skill level:Beginner

Language:English

Exercise files:Yes

Explore advanced coding techniques to produce unique visuals that combine color, movement, and sound in JavaScript Coding is like solving puzzles; it’s a constant cycle of learning, mistakes, and iteration that can be used to create something beautiful. Bruno Imbrizi is an award-winning graphic designer who has devoted the past 10 years of his career to mastering the art of creative coding.

He uses JavaScript to produce animations, prints, interactive pieces, and more which have seen him collaborate with brands including Google, Spotify, and Nike, and win awards including the Adobe Cutting Edge Award and FITC Best Digital Installation..

This is Bruno’s second Domestika course. In his first, Creative Coding: Making Visuals with JavaScript, he teaches you the essentials of programming and drawing with code from scratch.

What do you get from this course? “I’ll teach you several techniques to produce exciting visuals with JavaScript.”

Learn to code an immersive visualization

enhanced with sound

Develop coding compositions filled with color

Animate your visuals and incorporate cursor interaction

What will you learn in this online course? Begin with a recap of JavaScript’s fundamental tools. Then set up an environment for running the code and creating your sketches.

Discover how to draw basic shapes entirely in code, add color, and stretch or skew your designs.

Create curves for different iterations, from design elements to graphs, adding multiple points along a segment, animating them, and learning how to make a cursor interact with imagery.

Produce an audio visualization by playing sound files, reading their data, and using frequencies to create an animation.

Experiment with particles and learn to dictate how they behave by applying different forces and disturbances, as well as modifying their size and color.

What is this course’s project?

Develop a series of coding compositions using color and sound that will run on a web browser.

Who is this online course for? This course is for anyone with an interest in taking their knowledge of coding further to create unique animated compositions.

Requirements and materials

Previous knowledge of coding is required for this course.

In terms of equipment, you will need access to a device with JavaScript.
01 Introduction

Unit 1.1 – -About Me Unit 1.2 – -Influences

02 The Setup

Unit 2.1 – -Javascript Recap Unit 2.2 – -The Online Setup Unit 2.3 – -The Offline Setup Unit 2.4 – -Canvas-Sketch

03 Skewing

Unit 3.1 – -Drawing a Rectangle Unit 3.2 – -Drawing a Skewed Rectangle Unit 3.3 – -Distribution Unit 3.4 – -Adding Colors Unit 3.5 – -Clipping Mask Unit 3.6 – -Setting a Random Seed

04 Curves

Unit 4.1 – -Drawing a Quadratic Curve Unit 4.2 – -Cursor Interaction Unit 4.3 – -Multiple Points Unit 4.4 – -Creating a Grid Unit 4.5 – -Segments Unit 4.6 – -Animation

05 The Audio

Unit 5.1 – -Pressing Play Unit 5.2 – -Analyser Unit 5.3 – -Frequencies Unit 5.4 – -Arcs Unit 5.5 – -Creating a Poster

06 Particles

Unit 6.1 – -Drawing a Single Particle Unit 6.2 – -Applying Forces Unit 6.3 – -Distributing the Particles Unit 6.4 – -Modifying Scale and Colors Unit 6.5 – -Image Data

07 Final Project

Final project – -Creative Coding 2.0 in JS- Animation, Sound, & Color- (Bruno Imbrizi) [Domestika] Creative Coding 2.0 in JS – Animation, Sound, & Color by Bruno Imbrizi_Subtitles.7z

  Channel    and      Group

下载说明：用户需登录后获取相关资源
1、登录后，打赏30元成为VIP会员，全站资源免费获取！
2、资源默认为百度网盘链接，请用浏览器打开输入提取码不要有多余空格，如无法获取 请联系微信 yunqiaonet 补发。
3、分卷压缩包资源 需全部下载后解压第一个压缩包即可，下载过程不要强制中断 建议用winrar解压或360解压缩软件解压！
4、云桥网络平台所发布资源仅供用户自学自用，用户需以学习为目的，按需下载，严禁批量采集搬运共享资源等行为，望知悉！！！
5、云桥网络-CG数字艺术学习与资源分享平台，感谢您的赞赏与支持！平台所收取打赏费用仅作为平台服务器租赁及人员维护资金 费用不为素材本身费用，望理解知悉！