Project Artifacts

Project Site

Requirements | Planning | Prototype Design | Midterm Presentation | Final Design | Final Presentation | Additional Media


Requirements

As given by the instructor:

There are a plethora of animation tools described in the computing literature. But,
these tools are restricted to a particular domain or they have pre-defined algorithms
that they can animate. Some examples include Git with D3, VisuAlgo, and LoUPE,
etc. Most of these tools use JavaScript as their main background. The main goal
of this project is to develop a general-purpose animation tool, which can be used to
animate any general animation such as moving a car, blinking a star, but also
support animations that run an internal algorithm such as Git, Data Structures or
animating the working of an adder in computer architecture.

Project Requirements, draft 1: Project Requirements Draft 1 (PDF)

Project Requirements, draft 2: Project Requirements Draft 2 (PDF)

Back to top


Planning

UI Mockups

Planning - home page  Planning - main animator

Figma Design Page

Back to top


Prototype Design

Homepage

Main page

Main page

Team member list

Team members

Reviews

Reviews

Animator

Moving objects

Borders

 

Back to top


Midterm Presentation

Google Slides Presentation

Midterm Presentation (PDF)

Midterm demo:

Back to top


Final Design

The final and most current design can be viewed on our (private) demo site.

Back to top


Final Presentation

Google Slides Presentation

Final Presentation (PDF)

Back to top


Additional Media

View our YouTube playlist

Back to top


Requirements | Planning | Prototype Design | Midterm Presentation | Final Design | Final Presentation | Additional Media