# 👾 Three.js Games

Hello world! My internet name is Suboptimal and I am an Indian software engineer. This is the repo where I keep track of my Three.js game dev experiments. I also post the demos on [twitter](https://www.twitter.com/SuboptimalEng) so feel free to follow me there!

All of these experiments are built with React.js + Three.js so running them locally is super easy. Here's an example of how you can run the `solar-system` animation:

```
git clone https://github.com/SuboptimalEng/three-js-games.git
cd three-js-games/solar-system/
npm install
npm run dev
```

## Snakes and Portals - [Demo](https://twitter.com/SuboptimalEng/status/1555563350423126017?s=20&t=6nL7HzevakKsCmC6ysqFPw)

- The game is playable on my [website](https://suboptimaleng.github.io).
- The code is available in this [repository](https://github.com/SuboptimalEng/suboptimaleng.github.io).

<img src="/_demos/snakes-and-portals.png">

## Frantic Architect - [Demo](https://twitter.com/SuboptimalEng/status/1514638959439228932?s=20&t=RpkyLBOetRIdc2PSdgLzmQ)

- This is a clone of Frantic Architect - a mobile game made by [Will Kwan](https://twitter.com/_willkwan).

<img src="/_demos/frantic-architect-2.png">
<img src="/_demos/fa-debug-2.png">

## Retro Snake - [Demo](https://twitter.com/SuboptimalEng/status/1492319950849155073?s=20&t=vPsvcyCzeLn53K8Ogi8E5Q)

- ["CRT Monitor"](https://sketchfab.com/3d-models/crt-monitor-e2dd2887a8904e4fa3d5a32e2935adb9) by [James.Harness](https://sketchfab.com/James.Harness) is licensed under [CC Attribution](https://creativecommons.org/licenses/by/4.0/).

<img src="/_reddit/snake-retro.png">
<img src="/_demos/snake-retro-2.png">

## Rubik's Cube - [Demo](https://twitter.com/SuboptimalEng/status/1489659085238775817?s=20&t=0fMein5vltFc2_8Tso335g)

<img src="/_reddit/rubiks-cube.png">
<img src="/_demos/rubiks-cube-1.png">
<img src="/_demos/rubiks-cube-2.png">

## Wordle - [Demo](https://twitter.com/SuboptimalEng/status/1486504856403824643?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

<img src="/_demos/wordle.png">

## Piano - [Demo](https://twitter.com/SuboptimalEng/status/1484201522951032833?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

- Grand piano music by [Borja Morales (reality3d)](https://github.com/reality3d/3d-piano-player) is licensed under [MIT](https://github.com/reality3d/3d-piano-player/blob/master/LICENSE).

<img src="/_reddit/piano.png">

## Naruto's Rasengan - [Demo](https://twitter.com/SuboptimalEng/status/1471878925584322562?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

- ["Hand Anatomy"](https://sketchfab.com/3d-models/hand-anatomy-ada8498be9754e9f90b2eecc1b4ef8c5) by [Caterina Zamai](https://www.artstation.com/zaccate) is licensed under [CC Attribution](https://creativecommons.org/licenses/by/4.0/).

<img src="/_reddit/narutos-rasengan.png">

## Audio Visualizer - [Demo](https://twitter.com/SuboptimalEng/status/1466441813867302918?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

<img src="/_demos/audio-visualizer-1.png">
<img src="/_demos/audio-visualizer-2.png">

## 3D Tic-Tac-Toe - [Demo](https://twitter.com/SuboptimalEng/status/1463510451338321931?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

<img src="/_demos/tic-tac-toe-3d-1.png">
<img src="/_demos/tic-tac-toe-3d-2.png">

## Tic-Tac-Toe - [Demo](https://twitter.com/SuboptimalEng/status/1461358957935484945?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

<img src="/_reddit/tic-tac-toe.png">
<img src="/_demos/tic-tac-toe-1.png">

## Solar System - [Demo](https://twitter.com/SuboptimalEng/status/1458473664442142725?s=20&t=0tpf5oFjMqcWj6O-DB6txQ)

<img src="/_reddit/solar-system.png">

## License

Shield: [![CC BY-NC-SA 4.0][cc-by-nc-sa-shield]][cc-by-nc-sa]

This work is licensed under a
[Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License][cc-by-nc-sa].

[![CC BY-NC-SA 4.0][cc-by-nc-sa-image]][cc-by-nc-sa]

[cc-by-nc-sa]: http://creativecommons.org/licenses/by-nc-sa/4.0/
[cc-by-nc-sa-image]: https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png
[cc-by-nc-sa-shield]: https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg