Where the words sit

Challenge 3 of 13

The two numbers are where the words go — x across, y down — but writing is not placed quite like a shape. The pair marks roughly the bottom-left of the text, so words hang above the y you give them rather than below it.

Place the word on the target.

Your code JavaScript

Place the word on the target.

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.