Digital Animation Project

Digital Animation

For this project we were tasked with utilizing Adobe Animate to design an animation which explained a scientific concept.

We were to combine textual and graphical information to convey a meaningful message to our viewers. We also had to meet the following requirements: Incorporate two or more meaningful colors, meaningful but minimal text, no longer than 15 seconds, incorporate two or more vector images, incorporate the use of motion tweening, etc. Here is the swf file (swf is a shockwave flash extension for sending small multimedia files over the web).

Here is the swf file (swf is a shockwave flash extension for sending small multimedia files over the web)

Below is video I made explaining the simple pendulum

For my project I selected the topic of a simple pendulum. I created the visual elements withing Adobe Animate. Here are the steps:
I created a black bar on layer to serve as a pivot and imported two vector images on another layer (a tennis ball and string). I then combined both images into a symbol. I changed the rotation axis on the symbol to reflect swing motion and inserted key-frames for each swing motion. I also create classic tween motion for each swing motion and added rotation points A, B, and C at each rotation point. To reflect the to-fro swing motion, I added arrows. Finally, I recorded my audio and imported it as .wav audio file.I changed the sound sync to stream. I exported the file as a media file with H.264 format with the YouTube 720p HD preset. To embed the animation in my html file, I converted the swf to html5 canvas. I imported the Simple_Pendulum_html5_Canvas.html and canvas js into my animation.html workspace. I inserted the file into an iframe.

I enjoyed working on this project as it presented an opportunity for me to learn the adobe animate program.