KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #codex #typescript #ai-agents #claude-code #dsh #dsh-plugin #cli #deepseek-harness #macos #ai-agent #open-source

gta-css

★ 85 Open GitHub ↗

I made a Grand Theft Auto style demo in CSS 3D (as much as possible) because I was bored and had far too much free time.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# GTA CSS - A technical demo of how CSS 3D works
Play the demo here: [https://rainbow-dolphin-0e2aae.netlify.app](https://rainbow-dolphin-0e2aae.netlify.app)

![f1cb0dbb4a14701b661d4e13e35a9c13](https://user-images.githubusercontent.com/1726083/112042026-f6378900-8b3e-11eb-84a4-e4a92f86678e.jpg)

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.

```shell
$ 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`

gta-css

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README