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: about 1 month 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 (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-01-08T22:02:57.000Z (over 4 years ago)
• Last Synced: 2024-07-18T05:37:13.341Z (2 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 |  ❓ |