If you're seeing this message, it means we're having trouble loading external resources on our website.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

# Code beyond the hour

Whoa, nice, if you’re reading this, then you’ve done everything in our Hour of Code tutorial!
Like we said in the beginning, we can’t cover much in an hour, but hopefully we’ve given you an idea of how fun and powerful you can be with code.
If you want to keep going, we have a ton more you can learn. Just head over to our Intro to JS course.

## Keep programming!

You’ve already learned drawing and coloring, so you can just start with the variables tutorial. If you want to keep experimenting with drawing and coloring, you can also create a new program.
From all of us, welcome to our coding community! ​

## Want to join the conversation?

• How many pixels on a coordinate plane when coding? Like X=_ and Y=_ px
• The default Khan Academy canvases are 400 ⨯ 400 pixels.
• Can you insert 3D images in JavaScript such as spheres, cubes etc. ?
• thanks this is useful
• How do I make a project? Where do I go?
• I'm haveing trouble with lines
• The parameters in the line() function represent:
x1 the x-coordinate of the first point (x represents the position on the x, or horizontal, axis)
y1 the y-coordinate of the first point (y represents the position on the y, or vertical, axis)
x2 the x-coordinate of the second point
y2 the y-coordinate of the second point
To set the color of the line, use stroke(), not fill(), a common mistake. The thickness of the line is set by the strokeWeight() function.
Hope this helped!
• coding seems pretty complex,
especially the animation part.
At , why the eye dropped even they only change the size?
• coloring is easy the shape part is complex
• How do you properly work a triangle because I was really confused on how to use it?
• The line of code is `triangle(x1,y1,x2,y2,x3,y3)`.
Let's break it down. `x1` is the X coordinate of the first point of the triangle. `y1` is the Y coordinate of the first point of the triangle. Similarly, `x2` is the X coordinate of the second point of the triangle, etc.
Then the function will connect point 1 to point 2, point 2 to point 3, and point 3 to point 1, creating a triangle.