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 design knowledge in just a minute or two a day, for free


You'll get a free email every Monday to Friday with actionable design details that will increase the effectiveness of your designs. Each one only takes about a minute or two to read.

Free. No spam. Unsubscribe anytime.

by Tom Kenny

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