Gta Css Save

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.

Project README

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

Open Source Agenda is not affiliated with "Gta Css" Project. README Source: beclamide/gta-css
Stars
78
Open Issues
0
Last Commit
10 months ago
Repository
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating