A name badge — visuco

Challenge 11 of 13

Two separate write commands, one below the other, each with its own words and its own pair of numbers. Both take the white pen set above them.

Colour the badge RED, then write "HELLO" and "my name is Piccio" in their places.

Your code JavaScript

Colour the badge RED, then write "HELLO" and "my name is Piccio" in their places.

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.