Skip to content

I made a Grand Theft Auto style demo in CSS 3D (as much as possible) because I'm an idiot with far too much free time.

License

Notifications You must be signed in to change notification settings

beclamide/gta-css

Repository files navigation

GTA CSS - A technical demo of how CSS 3D works

Play the demo here: https://rainbow-dolphin-0e2aae.netlify.app

f1cb0dbb4a14701b661d4e13e35a9c13

I made this demo just to see how powerful CSS 3D actually is, and I got a bit carried away...

I was also curious to see how good CSS is for making computer games.

I wanted to try to keep as much of the visual stuff within CSS as possible and use JS only for game logic.

Getting Started

Clone the repo locally.

This was built with Node 10.13. If you're using NVM make sure you run nvm use before installing.

$ npm install
$ npm run serve

Open a browser and go to http://localhost:8080

How to play

Action Keys
Accelerate Up Arrow
Brake Down Arrow
Steer Left/Right Left/Right Arrows

There are now mobile controls too!

Slides

I've added a slide deck that goes along with my talk (video link to be added later). They explain some of the process and development of the demo.

Open a browser and go to http://localhost:8080/slides.html

About

I made a Grand Theft Auto style demo in CSS 3D (as much as possible) because I'm an idiot with far too much free time.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published