A hollow ring — visuco

Challenge 18 of 25

Four lines and only one shape, because the other three are pens being set before it — no fill, an outline colour, an outline thickness.

Write the four lines to make a hollow green ring.

Your code JavaScript

Write the four lines to make a hollow green ring.

Console print() output

0 / 30 frames · 400×400

Target

Yours

Yours over Target — ghosted shapes are in the target but missing from 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.