How to move it

Recently I came up with a system how to animate the fish object in the interface. As we are using html5 as our programming language the animation movements are based on a movement pattern based on x and y coordinates. Those are stored in a database and can be selected randomly. The interface stage is though defined by a pattern which limits the possible movements for each sector. As seen in the image below it is important to design different movements according to the position of the fish.

20130306_143543

When the fish moves into one of the corners a curve movement is connected and the fish makes a turn. I think this can be a way to enable a smooth movement.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s