Creative Coding: Making Visuals with JavaScript
A course by Bruno Imbrizi

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.

What is this course's project?

Design a series of creative visual compositions that can be implemented on a web browser using code.

Who is this online course for?

This course is for anyone with an interest in programming and learning to create visuals through code.

Requirements and materials

Basic math skills are recommended.

Basic math skills are recommended. You will need a computer with Node.js, as well as access to a web browser, and text editor.

Operating Systems:

  • ⦁Linux
    ⦁SmartOS
    ⦁macOS 10.7 or higher
    ⦁Windows 2008 or higher

System Requirements:

  • ⦁4GB RAM
    ⦁10GB free space
Course summary
  • Session Start 20/11/2024
  • Location Online
  • Duration 2h 42m

U1: Introduction

  • About Me
  • Influences

U2: Fundamentals

  • Setup
  • Variables and Functions
  • Arrays and Loops
  • An Environment for Sketching

U3: Sketch Transform

  • Transform
  • Angles
  • Utility Functions
  • Arcs

U4: Sketch Agents

  • Objects and Classes
  • Animating Agents
  • Lines
  • Video Output

U5: Sketch Noise

  • Grid
  • Noise
  • GUI

U6: Sketch Type

  • Text
  • Async
  • Bitmap
  • Glyphs

Final project

  • Introduction to Coding for Visual Designers

Regular Price

AED170

Pay the full price

Buy Now
  • 21 lessons (2h 42m)
  • 39 additional resources (5 files)
  • Online and at your own pace
  • Audio: English, Turkish
  • English · Spanish · Portuguese · German · French · Italian · Polish · Dutch
  • Level: Beginner
  • Unlimited access forever
or
Subscribe to Future Design Academy top courses

Get this course, plus 11,000+ of our top-rated courses, with Personal Plan.

Start Subscripton
Personal Plan
  • Access to over 12,000 of our top courses in tech, business, and more
  • Hands-on learning experiences to build your skills
  • Course recommendations to help you start learning faster
Proceed to Checkout