Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/charliegerard/rainbrow

Clone of the Rainbrow iOS game in JavaScript
https://github.com/charliegerard/rainbrow

computer-vision creative-coding emotion-recognition face-recognition front-end javascript machine-learning tensorflow tfjs

Last synced: 3 months ago
JSON representation

Clone of the Rainbrow iOS game in JavaScript

Host: GitHub
URL: https://github.com/charliegerard/rainbrow
Owner: charliegerard
License: gpl-3.0
Created: 2020-01-06T11:34:59.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2020-01-08T22:02:57.000Z (almost 5 years ago)
Last Synced: 2024-07-18T05:37:13.341Z (4 months ago)
Topics: computer-vision, creative-coding, emotion-recognition, face-recognition, front-end, javascript, machine-learning, tensorflow, tfjs
Language: JavaScript
Homepage: https://rainbrow.netlify.com
Size: 10.7 MB
Stars: 36
Watchers: 3
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # Rainbrow clone

Quick clone of the [iOS game Rainbrow](https://apps.apple.com/au/app/rainbrow/id1312458558) by [Nathan Gitter](http://nathangitter.com/) using web technologies.

![Snapshot of home screen on mobile and dekstop](in-situ.png)

Use facial expressions to move the emojis up and down, collect points with the stars and avoid the enemies.

## Tech stack

* HTML

* CSS

* Vanilla JavaScript with the [face-api.js](https://github.com/justadudewhohacks/face-api.js) framework for facial expression detection

## Commands

The original iOS game works with detecting the brows but the face-api framework works with expression detection so it's a little different:

* Frowning (sad) <-> Move down

* Looking surprised <-> Move up

* Neutral <-> Stay in place

## Demo

![Demo](demo.gif)

## Status

| Desktop | Status |

| --- | --- |

| Chrome 79 | ✅ |

| Firefox 71 |  ✅ |

| Safari 12.1.1 |  ✅ |

| IE |  ❓ |

| Edge |  ❓ |

| Mobile | Status |

| --- | --- |

| Chrome 79 on Android 10 | ✅ |

| Safari 13 on iPad |  ✅ |

| Firefox for Android |  ❓ |

| Samsung Internet |  ❓ |