Connect The Dots

Connect The Dots

Instructions

To create a connect-the-dots picture, go inside the code, to line 21, and delete the list:

var points = [[100, 100], [100, 60], [130, 30], [160, 60], [160, 100], [100, 100]];

The points are located inside nested lists. For example, let's take our first point, [100, 100]. The first item is the x-coordinate of the point, and the second item is the y-coordinate of the point. The program will connect the points in order, so make sure your points are in order when you type them in. Here's one to get you started:

[[10, 10], [60, 60], [60, 10], [10, 60]]

For the color, you can also type in a RGB value, or a hexadecimal value. There are also generic ones, which can be found at http://css-tricks.com/snippets/css/named-colors-and-hex-equivalents

Coded By Jianmin Chen