Pure CSS3 animated Pac-man (no images, no javascript)

http://veli.ee/lab/csspacman/

by jkaljundi • 14 years ago

7 6 14 years ago

veli.ee

harbud• 14 years ago

I thought there was going to be an actual game.

ars• 14 years ago

Anyone remember animated gifs back when the web was young?

I think we're going to have a revival, only with css3 this time.

akavi• 14 years ago

What's the advantage of doing animations in CSS rather than JS?

I can't imagine it's computationally cheaper.

alexbilbie• 14 years ago

On most platforms CSS animation is hardware accelerated

yoklov• 14 years ago

Looks just like a moving circle on me, hardly pacman. (Chrome 19, Windows 7)

jack-r-abbit• 14 years ago

A pretty cool example of animation but I was thinking it was going to be an actual playable Pacman game. It would be interesting to see if this could be extended to do that. But I don't know of a way to capture key presses with CSS so controlling the pacman without javascript might not be possible. Still nice to see CSS being pushed like this.

Pure CSS3 animated Pac-man (no images, no javascript)

Related Stories