Tiw Works » Animation

Making an Interactive Logo in Flex

tiw — Mon, 21 Sep 2009 23:27:51 +0000

Our first assignment for the Multimedia Authoring course was to make an interactive logo which navigates back to the home page when clicked. Nothing special, just an exercise to get familiar with Flex and AS3.

Since it had to be a portfolio page in the end, I wanted to use my name and initials. And while doing this I wanted a mascot for my logo, which happened to be an owl by using 2 different fonts. About the effects I used, I move the eyes of the owl according to the mouse position. And add blur effect when the logo is clicked.

You can download the source code for my logo component or check out the demo flex application.

Oh, and the documentation of my code is already embedded as comments in my files. Let me know if you have problems running the application or have any questions related..

Share this:

Jingle Jungle

tiw — Fri, 16 Jan 2009 02:15:11 +0000

Click here to view the embedded video.

Another project revised!
I developed this program for Computing and Art class, in 2005, so don’t expect too much of it -there is even a bug, you will see. I used Open Scene Graph as a graphics library and OpenAL as audio library. And we used Maya and Plant Studio to design the 3d models.

Jingle Jungle was ment to be the “Abstract Visualization of Interactive Sound Construction”, but for now it is only a demo of this sound construction visualization..

In further stages this could be adapted to help children learn sounds of nature faster.
Or even further stages of the program could use some human computer interaction through movement interpretation and people could make music while actually dancing.. A music that is adapting, changing speed and style according to your movements!
We could even project the camera views of 4 sides on the walls around the user and let the user navigate through the scene with his movements on a threadmill, or a WII board :-)

Or may be these are already done…
More ideas?

Can’t see the movie? Download it here

Share this:

Green Parking Systems

tiw — Tue, 30 Dec 2008 00:21:09 +0000

Click here to view the embedded video.

This is the re-make of a parking interface I have designed for an Interface Design course when I was in the university.
I added some text, and audio for which I have to credit Matt Uelmen this time.

Can’t see the movie? Download it here

Share this:

Copy Cat Pixelized and Animated

tiw — Mon, 29 Dec 2008 00:13:57 +0000

I made some pixelized drawings of my cat Copy and animated them using a Gif Creator tool.

You can use a free program like UnFreez to create gif animations. There is also the source code of this program on the download page if you do not trust the executable file.
Anyway, here are my creations:

I made the waiting, walking up-down-left-right and attacking up-down-left-right animations so that I can use them in the future if I start some game development :)

I am curious about your animated gif’s. Do you have any? Share it here!
Gif Animations post on BloggingGeek.com Forum

Share this:

My First Stop Motion Animation

tiw — Thu, 25 Dec 2008 00:41:34 +0000

Click here to view the embedded video.

It all started with me getting myself a Collector’s Edition DVD box of Tim Burton’s The Nightmare Before Christmas as a Christmas gift :]
Since there will be no work for a few days due to Christmas, I thought I have some time to spend on a hobby tonight. I had already registered for a Film Making course which will start on February but I couldn’t wait until then, and started to play around a little bit with my Windows Movie Maker 2.1. I know it is quite an old tool but I didn’t have any other choice for now.

Can’t see the movie? Download it here

Share this: