Skip to content

Latest commit

 

History

History
37 lines (23 loc) · 1009 Bytes

README.md

File metadata and controls

37 lines (23 loc) · 1009 Bytes

canvasTutor

This is the repository for the HTML5 Canvas Tutor project.

Concept

The canvasTutor will display a single web page that shows the following areas:

  1. JavaScript editor --
    This is a good ol' normal text area. The user can enter JavaScript here to see it work on the canvas. Sample canvas drawing commands will be pre-populated here.

  2. canvas viewer area (normal sized) --
    This area paints what the users code does, in "real size"

  3. canvas viewer area (zoomed-in size) --
    This area is a zoom-in view of the canvas. This area will show all kinds of extra info, including:

  • the canvas cursor

  • the current canvas path

  1. Tutor Control Board This area has some special controls that allow the user to learn how the canvas operations work, inclusing:

  • single-step button -- runs the next canvas operation

  • play -- runs all the canvas operations

  • play speed -- sets how long to wait between canvas operations when playing