Two lines crossing

Challenge 5 of 13

Each line is its own command with its own four numbers, and neither takes the slightest notice of the other. One diagonal is drawn already.

Set the second line's four numbers so the two cross.

Your code JavaScript

Set the second line's four numbers so the two cross.

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 Lines & Triangles

A line is not placed like the other shapes. It is drawn between two points, so it needs four numbers: line(x1, y1, x2, y2); The first pair is where it starts and the second pair is where it ends.

That is more numbers at once than you have typed before, so here is the way to do it: one point at a time. Set the first two numbers until the start of the line is in the right place, press Run, and then fix the other end. You do not have to get all four right together, and Reset will always put the starting numbers back.

If nothing appears at all, check whether both ends are still at the same spot — a line from a point to itself has no length to show.

Three lines can enclose a shape, but their ends have to meet exactly, and each corner ends up typed twice. A triangle does the same job in one command: triangle(x1, y1, x2, y2, x3, y3); — six numbers, a pair for each corner, and the ends are always joined for you.

A dot is the other extreme: dot(x, y); is a single point, just two numbers. It has no length and no inside, so its size comes from outlineThickness — a thick pen draws a fat dot.

Lines, triangles and dots are drawn with the outline pen, so outlineColour and outlineThickness are what make them visible. A triangle is still a shape, though, so shapeColour fills it in and noShapeColour leaves it hollow.

Grid helps here more than anywhere else in the course.