Narrative 2.0

Goal

The goals of the WebAudio project were to create a website that displayed the collective units from other classes and also the animation adapted from those classes. This time the website is designed from PHP. This a newly learned way of creating websites that function off the web servers. The animation portion of WebAudio was to tell our narrative story through 3 dimensional movements and dialogue.

Animation

After Effects was a challenging part of the narrative 2 unit. During class, I learned an enormous amount of tools and possibilities to animating. I began to understand how 3D works in After Effects and how virtual camera movements goes through mathematical calculations of the x-axis, y-axis, and z-axis. This creates the illusion of 3D without actually having a 3 dimensional object. I really enjoyed animating in After Effects in comparison to Adobe Flash. A lot more flexibility and options are available in After Effects. I tried my best to keep the action simple and the storyline straightforward. After Effects is a powerful program for any types of animation and I took advantage of many dynamics in After Effects. My drawings and backgrounds were mainly drawn in After Effects itself, but my characters were drawn with the Illustrator pencil tool and pen tool. Below are pictures of my process.

 

– Animation Below –

 


PHP Concept

PHP is a very useful tool in website creation. I learned the basics during this unit. I was able to understand how the source code is live on the server and how the viewer cannot see the code. It is being rendered directly on the server. I never thought I would learn to create a PHP driven contact form, however, I was taught step by step on the process of form creation. Each page on this website is its own PHP page with its own distinct content. With PHP, each section of content maintains the same design layout and concept. Understanding XML allowed me to apply it to the coding we did for the narrative site. The contact form included a data sheet with all the steps and statements that the web server goes through. The visitor count on this page is also storing the information on an XML document.

 

Visitors 442