-
7 lessons (2 Hours 42 Mins)
-
Audio: English -
English, Spanish, French, Japanese, Italian, Portuguese
-
course included in the creative pass
Creative Coding: Making Visuals with JavaScript
Freelance Programmer
full creative pass
Get access to this course and over 100 more for digital designers and creative developers, all for just $144
Subscribe now!Guarantee
Learn the fundamentals of programming and discover how to develop, draw, and animate visuals and text with code
| Category | Course format | Language | Duration | Level |
|---|---|---|---|---|
| Code | Online | English with Subt. | 2 Hours 42 Mins | Beginners |
Experimenting with creative coding never gets boring—there’s always something to explore, new techniques to learn, or new images to create. For creative coder Bruno Imbrizi, it’s an opportunity to merge his interests with motion graphics and visuals with programming. He has worked for both small agencies and well-known brands including Dell, Adidas, and Universal Music.
In this course, Bruno shares his expertise to help you create engaging visuals with code. Explore the fundamentals of programming and learn how to draw with creative coding in JavaScript.
Want to take your knowledge of coding further? Check out Bruno’s second course, Creative Coding 2.0 in JS: Animation, Sound, & Color to discover more advanced techniques for creating coded compositions with color, movement, and sound.
Course Chapters
Some Chapters
Included in This Course
-
Glyphs
06:11 Mins -
Lines
06:48 Mins -
Angles
06:01 Mins -
GUI
11:12 Mins -
Influences
04:23 Mins -
An Environment for Sketching
12:39 Mins
Course Content
Explore Every
Course Chapter
-
Lessons
-
Lesson 1Introduction
-
About Me
-
Influences
-
-
Lesson 2Fundamentals
-
Setup
-
Variables and Functions
-
Arrays and Loops
-
An Environment for Sketching
-
-
Lesson 3Sketch Transform
-
Transform
-
Angles
-
Utility Functions
-
Arcs
-
-
Lesson 4Sketch Agents
-
Objects and Classes
-
Animating Agents
-
Lines
-
Video Output
-
-
Lesson 5Sketch Noise
-
Grid
-
Noise
-
GUI
-
-
Lesson 6Sketch Type
-
Text
-
Async
-
Bitmap
-
Glyphs
-
-
Lesson 7Final
-
Final
-
Meet the teacher
Bruno Imbrizi
I'm a programmer with a passion for creating visuals with code. With a vast experience in the field, I’ve been working with creative coding for over a decade, creating websites, online experiences, design systems and installations for some well known brands like Dell, Adidas and Universal Music. Some of my projects were made with C++ (OpenFrameworks) or Python (TouchDesigner), but my focus has been on web technologies using JavaScript and WebGL.
Course Content
Experimenting with creative coding never gets boring—there’s always something to explore, new techniques to learn, or new images to create. For creative coder Bruno Imbrizi, it’s an opportunity to merge his interests with motion graphics and visuals with programming. He has worked for both small agencies and well-known brands including Dell, Adidas, and Universal Music.
In this course, Bruno shares his expertise to help you create engaging visuals with code. Explore the fundamentals of programming and learn how to draw with creative coding in JavaScript.
Want to take your knowledge of coding further? Check out Bruno’s second course, Creative Coding 2.0 in JS: Animation, Sound, & Color to discover more advanced techniques for creating coded compositions with color, movement, and sound.
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginners
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Bruno Imbrizi
Teacher at awwwards.com
If you have any questions about this course, please contact us
