3D FPS Engine in CSS

by Tom Kenny (@tkenny)

An extremely impressive concept of a 3D engine running in the browser using CSS 3D transforms by Keith Clark. I graduated from university with a degree in 3D graphics and animation and a few years ago I wanted to experiment with a way of working 3D into web design but this is way beyond anything I could achieve.

A game would be a natural next step for this project — it would be interesting to see how scalable these techniques are. In the short term, I’ve started working on a prototype CSS3 renderer for the excellent Three.js that uses these same techniques to render geometry and lights created by a real 3D engine.

Source: http://keithclark.co.uk/labs/css3-fps/

Improve Your Eye for Great Design

Learn why the best designers make the decisions they do to design successful websites people love in this FREE eBook with 3 in-depth case studies. I’ve spent hours studying what makes these websites amazing, so you can use what works and focus on your design work. Subscribe now to get it immediately.

100% privacy. No spam. Completely free!

by Tom Kenny

I’m a freelance web designer and front-end developer with over 7 years of experience designing for the web. Follow me on Twitter here.