Label the ball

Challenge 9 of 13

This is what writing is really for — naming the things you have drawn. The circle is already there, and the label belongs underneath it, lined up as near to its middle as you can judge.

Type "Ball" and place it below the circle.

Your code JavaScript

Type "Ball" and place it below the circle.

Console print() output

0 / 30 frames · 400×400

Target

Yours

Results

Press Run to check your code

Penalties: none this run

Report this challenge

Lesson Text & Labels

write() puts words on the canvas: write("hello", 150, 210); The words come first, in quote marks, then the x and y where they sit.

The quote marks matter, and this topic makes you type them. They tell Visuco "this is text, not code", and whatever is inside them is drawn exactly as you typed it — spaces, capitals and all. Leave one out and the sketch will not run: the results panel turns red and tells you what is out of place — for a missing quote it says so in as many words.

The x and y are roughly where the bottom-left of the text sits, so words hang above the y you give them rather than below it. That is the one way writing is not placed like a shape.

textSize(24); sets how big the writing is in pixels. Like the colour pens it holds for everything written after it, which is how a big title and a small subtitle can share one sketch.

Writing takes its colour from shapeColour — the same pen that fills shapes. It has no outline of its own. And because words are drawn on top of whatever is already there, a label on a shape needs a colour that shows against it.

In this topic you will type words, place them, size them, colour them, and use them to label pictures.