University Work - First year BSc (Hons) Digital Media Technology. Web Development, May 2015.
"Unofficial Matrix Name Generator". HTML5 Canvas element and Javascript. This achieved a First (78%) when marked.
Assignment Details:
Design and produce a web page which uses a HTML5 canvas element
upon which a number of objects are to be placed. This is to include the
following:
i) a drawn vector shape(s).
ii) an image(s).
Of the objects placed on the canvas one of them is to have a
range of its properties controlled as a result of user interaction.
The code will include the appropriate techniques to listen for and
handle events from the mouse, and keyboard.
The value of one or more of the properties of the object being
manipulated is to be displayed in the HTML page itself (not on
the canvas element).
A timer event is also to be included in your implementation.
The exact theme of this app is left to you to invent but you’re
encouraged to be creative, the key aspect of this work is for you
to demonstrate your ability to design and write code.
Markup and validate Web pages conforming to current Web
standards.
Employ appropriate prototyping techniques and frameworks to
design and implement interactive interfaces.
Understand basic concepts of the JavaScript language, and be
able to use the language in Web pages.
Design and produce a web page which uses a HTML5 canvas element
upon which a number of objects are to be placed. This is to include the
following:
i) a drawn vector shape(s).
ii) an image(s).
Of the objects placed on the canvas one of them is to have a
range of its properties controlled as a result of user interaction.
The code will include the appropriate techniques to listen for and
handle events from the mouse, and keyboard.
The value of one or more of the properties of the object being
manipulated is to be displayed in the HTML page itself (not on
the canvas element).
A timer event is also to be included in your implementation.
The exact theme of this app is left to you to invent but you’re
encouraged to be creative, the key aspect of this work is for you
to demonstrate your ability to design and write code.
Markup and validate Web pages conforming to current Web
standards.
Employ appropriate prototyping techniques and frameworks to
design and implement interactive interfaces.
Understand basic concepts of the JavaScript language, and be
able to use the language in Web pages.
