/ Games

Clone of the Rainbrow iOS game in JavaScript

Clone of the Rainbrow iOS game in JavaScript

Rainbrow clone

Quick clone of the iOS game Rainbrow by Nathan Gitter using web technologies.

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 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

Rainbrow-clone

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

GitHub

CodeTea

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More