Draw a square — visuco

Challenge 5 of 25

A square takes three numbers like a circle, but they mean its top-left corner rather than its middle. Spell the name carefully: get it wrong and the results panel names the line and tells you so.

Write the square command.

Your code JavaScript

Write the square command.

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 Write It Yourself

Until now the code has been written for you and you filled in the gaps. From here you write whole lines yourself.

Every missing line has a comment above it — a line starting with // — telling you what that line should do. A comment is a note for people: Visuco ignores it completely when the sketch runs, so it can never change the picture.

Everything you need you have already used. Every line has the same shape: a command name, then round brackets holding the numbers or words it needs separated by commas, then a semicolon. circle(200, 200, 150);

If you cannot remember a name, press Reference — every command you have met is listed there with what it does, and clicking one types it in for you.

Mistakes are part of this, and the results panel helps with them. Misspell a command and it names the line and highlights it: "Line 4: shapColour is not defined". Leave a bracket or a quote mark unclosed and it tells you what looks unpaired, though it cannot always say where — in that case check the line you just typed first.

Write one line, press Run, then write the next. That is the whole method, and it is how people who write code for a living do it too.