The Simple Animator was a project for my Object-Oriented Design class in the Spring semester of 2020. The purpose of the project was to utilize the Model-View-Controller design paradigm to create a basic animator that could produce a text-version of the animation, an SVG file of an animation, and a window that displayed the animation while also providing playback capabilities. We were given a series of text-based input files that described basic animations using ellipses and rectangles, and then processed the data and communicated the processed data to a specified output.
This photo shows the playback animator that allows the user to manipulate the state of the animation. The "Pause" button also functions as the "Play" button, and changes upon being clicked. The "Restart" button sets the animation to the beginning. The "Loop" toggle box allows the animation to run on an endless loop. The "Ticks Per Second" slider allows the user to speed up or slow down the animation. The animation always runs at 60 frames per second, but the animation itself is measured in "ticks", which indicate the size, position, and color of the shapes at a particular point of the animation. The screen may also be left-clicked to pause/play the animation, and when the screen is right clicked, it restarts the animation.
The above photo is the final frame of the animation of the an SVG file created from the Animator program played in the Firefox browser. The SVG file was produced using a String processing algorithm that formatted shapes and positions of the objects in the scene such that it fit the XML-format necessary to run the file in-browser.
If you want to check out the repository with the code for this project, follow this link:
Comments