Creative Coding: Making Visuals with JavaScript

Overview

“In this lesson, we’ll see how to use a secondary canvas as a data source and how to read pixel values from it.”

In this video lesson Bruno Imbrizi addresses the topic: Bitmap, which is part of the Domestika online course: Creative Coding: Making Visuals with JavaScript. Learn the fundamentals of programming and discover how to develop, draw, and animate visuals and text with code.

Partial transcription of the video

“Now we're going to look into reading color values from the pixels in our canvas. We now have a big letter right at the center of our sketch. And the effect we're after is to draw other shapes in the shape of this letter. We can start thinking about this that we're seeing now as just position data and color data. This doesn't even need to be on our sketch. All that we need to know is where we have white pixels and where we have black pixels. we can think of our canvas as a big data map. Or a bitmap. Canvas is a bitmap. It is a grid of pixels. When we set the dimensions, we're saying we want ...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Creative Coding: Making Visuals with JavaScript

• Level: Beginner
• 97% positive reviews (1192)
• 56722 students
• 6 units
• 21 lessons (2h 42m)
• 5 downloads

• Category

  3D & Animation, Web & App Design

• Areas

  JavaScript, Motion Graphics, Multimedia, Programming