COM1008讲解 、辅导 Java程序设计
COM1008: Web and Internet Technology
Assignment: JavaScript (40%)
Deadline: 3pm, Mon 20 Jan 2025
Handin: zip file of your website via Blackboard.
Learning Outcomes
This assignment covers the following learning outcome for this module:
●Create interactive web programs using a front-end scripting language.
In addition, you will also gain more practice in relation to one of the learning outcomes that was set for the first assignment, although only using a single web page:
●Design and construct a website, controlling the structure and appearance using markup and styling languages.
1.Introduction
This assignment will test your ability to use JavaScript and the HTML5 Canvas element to develop a graphical application running on a web page. You MUST use the HTML5 Canvas.
This is an individual assignment. The work you submit must be your own work and not plagiarised.
2.The Task
A single web page should be created. The element should include a canvas element, some buttons to control what happens on the canvas and some text to explain the program.
The canvas should display a drawing of a robot. This should be a cartoonish humanoid robot with a body, head, arms and legs. It should be constructed from separate pieces, e.g. outline and background colour of the different parts of the humanoid robot including the body, head, arms, legs and any detail, for example, eyes, mouth, lights. It could be drawn using (i) basic drawing commands on the canvas (e.g. drawing lines, curves and shapes at positions on the canvas using the canvas drawing commands such as moveTo, lineTo, arc, rect, etc), or (ii) it could be constructed from a range of images, e.g. an images of robotic arms and legs, etc. (drawn at positions on the canvas using the command to draw an image, drawImage), (iii) a combination of drawing commands and images. Any of these options is ok. You choose.
When the page first loads, the robot should be powered down or “turned off”. There should be two