A village on a hill

Challenge 15 of 16

Three placements, three pairs of numbers, and the houses and the tree are each drawn by one body written exactly once. Things further down the picture read as nearer, which is depth — something a single input could never give you.

Set the six numbers.

Your code JavaScript

Set the six numbers.

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 Two Inputs

Last topic's functions could put a drawing anywhere along one line. drawTree(100) and drawTree(300) gave you two trees, but both at the same height, because one input can only say one thing.

Put two names in the brackets and you can say both:

function drawTree(x, y) {
shapeColour(BROWN);
rectangle(x - 10, y - 80, 20, 80);
shapeColour(GREEN);
circle(x, y - 130, 110);
}

Now a call hands over two numbers:

drawTree(110, 330);

The first number goes into the first name and the second into the second, so x is 110 and y is 330, and the tree stands at 110 across, 330 down.

That is the whole idea, and it has a name: the inputs are positional. It is the place in the brackets that decides where a number lands — not what the name means, and not what you meant when you typed it. Write drawTree(330, 110) and the tree goes to 330 across and 110 down, high up and off to the right. Both numbers were right and the picture is still wrong.

The same rule works on the definition. The names are yours to choose, and across and down read better than x and y for some drawings, but their order is what matters. The first name in the brackets is the one the first number lands in, whatever it happens to be called.

Everything from last topic still applies, twice over now. Every part of the body that should move needs to mention the input that moves it: a trunk written y - 80 follows the tree down, and a trunk written 250 stays at 250 while the leaves go without it. And the brackets still have to be filled. Hand over one number where the body wants two and the second name has no value at all, so the shapes are drawn nowhere and vanish without a word of complaint.

The arguments do not have to be typed out either. A variable works, a sum works, and width / 2 and height / 2 are the exact middle of the canvas whatever size the canvas happens to be.

There is one thing left that these functions cannot do. Every tree comes out the same size however cleverly you place it, so a tree meant to be far away looks like a tree standing close. The next topic hands the brackets a third number.