Monkey Raptor

Friday, May 23, 2014

Comedy with CSS: Joggin Aladdin

Do you know "Prince of Persia"? The old DOS game? I like that.
Even though I had never finished the quest. That was, to save the princess, kinda. Was it? Or just jogging, jumping, stabbing, and climbing around.
I was so lame at playing game.


This is a tribute to that game
There's a newer version of that, like, a first person shooter thingy, more of, first person confused-where-to-go.

In this demo, I'm using an animated GIF of the main character, then created the rotation and bouncing animations via CSS.

It has nothing to do with Aladdin for sure, well, a tiny weeny. But the main reason why I use that name because it's shorter to type Aladdin.
"Joggin Aladdin" compared with "The Main Character of Prince of Persia PC DOS Game Jogging Endlessly". See? Shorter.


Check out the demo, and see how I came up with the CSS below
You can do this kinda method for any other transparent animated GIF image format.

See the Pen Joggin Aladdin by Monkey Raptor (@monkeyraptor) on CodePen.

Comedy with CSS: Joggin Aladdin
https://monkeyraptor.johanpaul.net/2014/05/comedy-with-css-joggin-aladdin.html?m=0

No comments

Post a Comment

Tell me what you think...