HTML5 Zone is brought to you in partnership with:

I was born in 1981 in one little city. Since I was 10y/o I programmed in different languages. My first languages were basic, then C++/MFC, after .Net (C#, VB.Net, J#, ASP.Net), XSL+XML processing). In the last 5 years I worked with web languages (HTML, CSS, PHP, SQL, XML, XSL, JavaScript). After university I worked in several different companies, eventually becoming a blogger. This is my hobby too. Andrey is a DZone MVB and is not an employee of DZone and has posted 109 posts at DZone. You can read more from them at their website. View Full User Profile

CSS3 Games Collection

09.29.2012
| 15049 views |
  • submit to reddit

Have you ever thought about creating your own web games? I'm sure that most of you have already heard about the newest technologies like html5, canvas, webgl, and node.js. But I think that before you start working with these new technologies, you should start developing games with the simplest DOM (like HTML, CSS, and Javascript). I would like to provide you with a collection of such games, so you will be able to investigate and try them out. Some of them even work without Javascript! 

1. Whack-a-Rat – CSS only game

Whack-a-Rat - CSS only game

2. SURVIVOR (1982 Commodore 64 game remake)

SURVIVOR

3. Sumon

Sumon

4. 3D – CSS puzzle

3D - CSS puzzle

5. Duck Hunt

Duck Hunt

6. Dino Pairs Game

Dino Pairs Game

7. Cops and Robbers – CSS puzzle

Cops and Robbers - CSS puzzle

8. Cascading Cube Racer

Cascading Cube Racer

9. CSS maze puzzle

CSS maze puzzle

10. One-Of-A-Kind CSS/JS-Based Game Portfolio

One-Of-A-Kind

Plus, you can find tutorial about making this portfolio here

11. Anigma

Anigma

12. Ninja Jarimaru

Ninja Jarimaru

Conclusion

I hope that our new collection of CSS3 games was interesting for you. Good luck!

Published at DZone with permission of Andrey Prikaznov, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)

Comments

Md Mahbub Alam Khan replied on Sat, 2012/09/29 - 11:16pm

Nice and inspiring games collection :)

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.