CP5310 Assignment – Individual Work

CP5310 Assignment – Individual Work
Multimedia application (10%, due week 6 [5/4/19] at 5 pm)
Purpose
The purpose of this assignment is to check your basic web-development and JavaScript skills.
Task
You are required to create a simple web-page containing an HTML5 Canvas, displaying an animated animal
mimicking connect the dots game using JavaScript.
Basic Animation
When the page is loaded the canvas should display at least 50 dots that allow strokes to be drawn between these
dots to form an animal shape with the following characteristics:
• The leftmost dot is at x=7, and y can be anything (i.e. the leftmost part of the animal body is touching
the left side of the canvas, see diagram below, right)
• Size of each dot – radius 7
• Starting from the topmost dot of the animal, draw a stroke (clockwise) between each pair of dots to
form the animal shape, continue until complete.
• Stroke width – 7 pixels
• Wait 3 seconds before automatically drawing the next stroke (between the next pair of
dots).
• Stroke colours – blue, red, yellow
• Stroke style – gradient
• Note that the canvas size should occupied the full width and height of the screen with zero
margin on all sides. The canvas border should have solid style with the width of 2 pixels.
When all the strokes are drawn (the canvas shows the completely drawn animal), move the drawn animal to the
right by 4 pixels at a time until the rightmost part of the animal touches the rightmost border of the canvas.
Advanced Features
Change the page so that when it is loaded the canvas is blank, displaying two buttons:
• Begin Animation (changes to ‘Stop’ once it is clicked)
• Clear screen
When the ‘Begin Animation’ button is pressed, the dots should be displayed on the screen with the following
characteristics:
• Move the positions of all the dots so the completely drawn animal is now in the middle of the canvas.
• Draw the animal as per the Basic Animation.
• Once the animal is drawn, move the animal towards the right, left, top, or bottom (randomly selected
each time button is clicked) of the canvas, this keeps going until the user press “Stop” button, or the
animal reaches the edge.
If the “Stop Animation” button is clicked then all drawing/animation is stopped, and the button label reverts to
“Begin Animation”. Clicking begin again will restart the drawing from the beginning.
Frontend and Coding
Your webpage must include an HTML5 Canvas and buttons as needed. This will be the frontend of your site,
which the users interact with directly. Animation, drawing, and so on, must be implemented using appropriate
JavaScript code.
ALL WORK IS INDIVIDUAL: You can follow tutorials on the internet but if you copy and paste then
you will be pulled up on plagiarism.
See the rubric on the next page.
Multimedia Application Rubric:

Item Exemplary Good Satisfactory Limited Very Limited
Basic
animation (50%)
All basic frontend user
interaction and animations are
implemented and executed
correctly.
Exhibits aspects
of exemplary
(left) and
satisfactory
(right)
Most of basic frontend user
interaction and animation are
implemented and executed
correctly.
Exhibits aspects of
satisfactory (left) and
very limited (right)
Basic animations are not
working.
Negligible attempt, nonsensical,
or not done.
Advanced features
(20%)
Creative new features in
animation well thought and
work correctly.
New features considered and
implemented, but not working
properly.
Poor attempt in advanced
features.
Negligible attempt, nonsensical,
or not done.
Mastery of
frontend (20%)
Efficient use of interface library,
concise and compact, frontend
processing implemented in a
professional manner.
Reasonable use of interface
library.
Lack of understanding of the
general practice of frontend
processing.
Negligible attempt, nonsensical,
or not done.
Coding (10%) Pleasure to read, easy to
understand.
Coding not efficient,
appropriate naming of variables,
functions and arguments, some
comments not suitable.
Coding difficult to read,
difficult to understand.
Negligible attempt, nonsensical,
or not done.
Essaylink
Calculate your paper price
Pages (550 words)
Approximate price: -

Why Work with Us

Top Quality and Well-Researched Papers

We always make sure that writers follow all your instructions precisely. You can choose your academic level: high school, college/university or professional, and we will assign a writer who has a respective degree.

Professional and Experienced Academic Writers

We have a team of professional writers with experience in academic and business writing. Many are native speakers and able to perform any task for which you need help.

Free Unlimited Revisions

If you think we missed something, send your order for a free revision. You have 10 days to submit the order for review after you have received the final document. You can do this yourself after logging into your personal account or by contacting our support.

Prompt Delivery and 100% Money-Back-Guarantee

All papers are always delivered on time. In case we need more time to master your paper, we may contact you regarding the deadline extension. In case you cannot provide us with more time, a 100% refund is guaranteed.

Original & Confidential

We use several writing tools checks to ensure that all documents you receive are free from plagiarism. Our editors carefully review all quotations in the text. We also promise maximum confidentiality in all of our services.

24/7 Customer Support

Our support agents are available 24 hours a day 7 days a week and committed to providing you with the best customer experience. Get in touch whenever you need any assistance.

Try it now!

Calculate the price of your order

Total price:
$0.00

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

No need to work on your paper at night. Sleep tight, we will cover your back. We offer all kinds of writing services.

Essays

Essay Writing Service

No matter what kind of academic paper you need and how urgent you need it, you are welcome to choose your academic level and the type of your paper at an affordable price. We take care of all your paper needs and give a 24/7 customer care support system.

Admissions

Admission Essays & Business Writing Help

An admission essay is an essay or other written statement by a candidate, often a potential student enrolling in a college, university, or graduate school. You can be rest assurred that through our service we will write the best admission essay for you.

Reviews

Editing Support

Our academic writers and editors make the necessary changes to your paper so that it is polished. We also format your document by correctly quoting the sources and creating reference lists in the formats APA, Harvard, MLA, Chicago / Turabian.

Reviews

Revision Support

If you think your paper could be improved, you can request a review. In this case, your paper will be checked by the writer or assigned to an editor. You can use this option as many times as you see fit. This is free because we want you to be completely satisfied with the service offered.

GIVING 25% DISCOUNT ON ALL YOUR ORDERS

X
WeCreativez WhatsApp Support
Our customer support team is here to answer your questions. Ask us anything!
? Hi, how can I help?