Write HTML5, Javascript, web jobs, write-in JSPs, ASP, and ASP. NET jobs a simple animation Towers of Hanoi

Source: Internet
Author: User

Write HTML5, Javascript, web jobs A simple animation Towers of Hanoi
Assignment 5:the Easy Animator:part 1 10/19/17, 5) PM
Assignment 5:the Easy Animator:part 1
Due:fri 10/20 at 8:59pm; Self-evaluation due Sat 10/21 at 8:59pm
This assignment was to be completed solo. Subsequent assignments would be do in pairs. Start Looking for
Partners now, and sign up on the sheet that would be is circulated in class. able to submit
Subsequent assignments until we create a team for your on the Handin server.
1 Context
A picture was worth a thousand words, and moving pictures was worth many more.
Pictures and moving Pictures (animations) can be used to succinctly and effectively illustrate many things.
For example, a stationary histogram visually depicts the distribution of some data points. A histogram with
Moving Bar Heights visually depicts music (e.g. a music equalizer). Animating graphs can used to show
Useful trends in data much more effectively than presenting the same reasoning using raw numbers and
Text (see where a visualization of the trend of life expectancy with GDP over time using only circles). A
Fireworks display is simply a bunch of points moving in certain ways. The Towers of Hanoi problem can be
Illustrated more effectively as an animation solving it, rather than a description of steps of a algorithm.
Many algorithms can be similarly visualized in a-a-do-illustrates how-they work more succinctly than
Descriptions or code. Here is some examples of such visualizations:
A simple animation Towers of Hanoi
Assignment 5:the Easy Animator:part 1 10/19/17, 5) PM
The night Sky Big Bang and Crunch
One of the more frustrating experiences are knowing what to visualize, have a plan for how to visualize it
Using simple shapes and animations, but not being able to quickly create such an animation. Creating
Animations takes time, and one must learn the necessary tools that is often difficult to master (e.g., using
Flash, or creating Web animations using HTML5 and Javascript, etc.). Such Tools is often also specialpurpose.
For example, the statistical package R comes with charting capabilities, but code must be written
In R and data must is formatted accordingly. Similarly creating animations is not difficult in Powerpoint,
But the tool was embedded in Powerpoint and one cannot use it to create other kinds of animation.
In the next few assignments, we'll build a application that helps to create simple but effective 2D
Animations from shapes (such as the above examples). One of our main goals would be to create a separation
Between how an algorithm or phenomenon are described and how it's drawn on the screen. This separation
Would allow us to create a application that would draw an animation according to how it's described in text,
Without being tied to how the description is produced. This process is illustrated below:
Assignment 5:the Easy Animator:part 1 10/19/17, 5) PM
In the other words, our application would show animations generated manually or using any other program,
Unrelated to our application.
1.1 Description of animation
In informal language, this is a example description of the animation for the ' simple animation ' example
Above
Create Red rectangle R with corner at (200,200), Width and height 100
Create Blue Oval C with center at (500,100), radius and 30
R appears at time T=1 and disappears at time t=100
C appears at time T=6 and disappears at time t=100
R moves from (200,200) to (300,300) from time t=10 to t=50
C moves from (500,100) to (500,400) from time t=20 to t=70
C changes from blue to green from time t=50 to t=80
R moves from (300,300) to (200,200) from time t=70 to t=100
R changes width from-from-time t=51 to t=70
As can see, we describe the animation in terms of what should happen when according to a timeline
When the animation plays. This is called "declarative animation." Imagine How do you would describe
Informally the above Towers of Hanoi animation in this.
We use a time reference for each step in the animation. This time reference is usually unitless, which helps
us in describing animation without mentioning it absolute speed. Further, the animation must adhere to
certain constraints. For example, one cannot has a incompatible moves for the same shape during
Overlapping time intervals.
Our application and such a description to:
"Show" the animation in various ways. For example interactively play it, describe it in a time line, or
Even export the animation as a Flash movie.
Allow a user to edit the it or change speed.
Assignment 5:the Easy Animator:part 1 10/19/17, 5) PM
Https://course.ccs.neu.edu/cs3500/hw_05_assignment.html Page 4 of 7
Produce a verbose description for what the animation would look like (for the visually impaired).
Other possibilities ...
2 The Easy Animator application
We'll build this application progressively using the classic Model-view-controller architecture. In this
Assignment we'll focus on the model of this application. There is no starter code for this assignment:you
Must use the above description and broad ideas to design the interface and implementation of the model.
You is deliberately not being told about the fine details of what the controller and views would need or do.
You is also not being told on how exactly the application would receive a description from the user (it
Would not being relevant to the model).
Here is some aspects to think about:
What does the model represent?
The model should is able to support various kinds of 2D shapes, although currently we have described
only rectangles and ovals.
The model should support adding various kinds of animations to shapes, such as moving, changing
Color, changing shape, etc.
Remember to think from not only the Implementor's perspective (the person who is implementing the
Model) but also the client perspective (the person or class, who is using the model).
2.1 How is the animation seen?
One of the application may show the animation are by actually playing it, similar to the moving images
Above. Another would is to produce a text description of the animation. Here's what a description
Might look like:
Shapes:
Name:r
Type:rectangle
Lower-left Corner: (200.0,200.0), width:50.0, height:100.0, Color: (1.0,0.0,0.0)
Appears at T=1
Disappears at t=100
Name:c
Type:oval
Center: (500.0,100.0), X radius:60.0, Y radius:30.0, Color: (0.0,0.0,1.0)
Appears at t=6
Disappears at t=100
Shape R moves from (200.0,200.0) to (300.0,300.0) from t=10 to T=50
Shape C moves from (500.0,100.0) to (500.0,400.0) from t=20 to t=70
Shape C changes color from (0.0,0.0,1.0) to (0.0,1.0,0.0) from t=50 to t=80
Shape R scales from width:50.0, height:100.0 to width:25.0, height:100.0 from t=51 to t=70
Shape R moves from (300.0,300.0) to (200.0,200.0) from t=70 to t=100
In short, it first describes the shapes that is part of the animation and their details. Next it describes how
These shapes would move as the animation proceeds from start to finish. Think of this output as a
"Read-back" of the animation, perhaps for devices this cannot show the animation, or for users who is
Visually impaired who has screen readers.
3 What does
1. Design a model to represent an animation. This could consist of one or more interfaces, abstract
Classes, concrete classes, enums, etc. Consider carefully what operations it should
Invariants it assumes, etc.
2. Think about and include in the model interface operations it Think is relevant and the
Assignment 5:the Easy Animator:part 1 10/19/17, 5) PM
Model should offer.
3. Document your model well. Be sure to document clearly how each method does, what purpose
It serves and why it belongs in the model.
4. Implement your model. Know how to implement the method because it
Requires details of animation not provided yet, you may leave the method body blank for now.
5. Test your model.
6. Implement the text output rendering of your model according to the format given in section 2.1,
So we can visualize your data. We are not being autograding this assignment, but are you ' d does well to
Emulate the output above as precisely as possible, as we'll be checking it (on models constructed
From input files we provide) on the future assignments.
4 What to submit
Submit any files created in this assignment, along with a text README file explaining your design. Your
README file should give the graders an overview of what the purposes is for every class, interface, etc.
That you include in the your model, so that they can quickly get a high-level overview of your code. It does not
Replace the need for proper javadoc!
5 Grading Standards
For the assignment, you'll be graded on
The design of your model interface (s), in terms of clarity, flexibility, and how plausibly it would support
needed functionality;
The appropriateness of your representation choices for the data, and the adequacy of any documented
Class invariants (comment on why do you chose the representation do in the code);
The forward thinking in your design, in terms of it flexibility, use of abstraction, etc.
The correctness and style of your implementation, and
The comprehensiveness and correctness of your test coverage.
6 Submission
Http://www.6daixie.com/contents/19/1284.html

The core staff of the team mainly include Silicon Valley engineers, bat front-line engineers, domestic TOP5 master, PhD students, proficient in German English! Our main business scope is to do programming big homework, curriculum design and so on.

Our Direction field: Window Programming numerical algorithm AI Artificial Intelligence financial statistical Metrology analysis Big Data network programming Web programming Communication Programming game Programming Multimedia Linux plug-in programming API image processing embedded/Microcontroller database programming console process and thread Network security assembly language Hardware programming software Design Engineering Standard Rules. The generation of programming languages or tools including, but not limited to, the following ranges:

C/c++/c# Write

Java Write generation

It generation

Python writes

Tutoring Programming Jobs

The MATLAB Generation writes

Haskell writes

Processing Write

Linux Environment Setup

Rust Generation Write

Data Structure assginment Data structure generation

MIPS Generation Writing

Machine Learning Job Writing

Oracle/sql/postgresql/pig database Generation/Generation/Coaching

Web development, Web development, Web site jobs

Asp. NET Web site development

Finance insurace Statistics Statistics, regression, iteration

Prolog write

Computer Computational Method Generation

Because of professional, so trustworthy. If necessary, please add qq:99515681 or e-mail:[email protected]

: Codinghelp

Write HTML5, Javascript, web jobs, write-in JSPs, ASP, and ASP. NET jobs a simple animation Towers of Hanoi

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.