Homework 4
Take an existing application or concept you’ve worked with this semester and change its existing interface to use the Canvas for primary display. Using the starting tutorial on taking MasterMind from a text-based to graphical interface as an example, choose an appropriate application and make use of the built-in drawing tools, imported images, and text output on the canvas. The resulting project must be dynamic: you should not be outputting a static picture, but instead updating or transforming it based on input from the user.
Your Canvas implementation should include:
- Proper use of properties and built-in functions from the 2D context
- Positioning of elements using the coordinate system
- Use of the built-in drawing tools to add color, shapes or lines to the canvas
- Use of the drawText function for adding formatted text to the canvas
- Imported graphical or video elements from outside files manipulated appropriately
- Handling of data and interpretation into graphical elements (ie, pegs for hits in Mastermind)
- Some method for handling user input and updating the display accordingly
Optional extensions include integration with web services (as in the TweetShirt example from the text), outputting the canvas to an image file for download, building a complex user interface on the canvas itself or integrating appropriate uses of video or animation.
- A-Level Work: Build a working interface for a user-responsive graphical application or game. A combination of generated graphics and imported elements should provide the user with a dynamic display of content. For A-level work, the application should go beyond the minimum requirements and include some dynamic elements, such as animation or direct user manipulation of the canvas.
- B-Level Work: Build a working interface for a user-responsive graphical application or game. A combination of generated graphics and imported elements should provide the user with a dynamic display of content. For B-Level work, the application should meet the minimum requirements above, but does not need to attempt any optional elements.
- C-Level Work: Create a basic Canvas application that may be derived heavily from the Mastermind example or otherwise be missing several required elements.
- D-Level Work: The application is attempted but fails to work with the canvas element or suffers from significant bugs.
- Failing Work: Project is not submitted or demonstrates no attempt to complete the task.