js1024-mirror-puzzle

🥇 Winner of js1024 2022 - the total size of index.html is less than 1024B!

Play online

Note: Device must have a camera, and you must allow the site to use the camera, to get pictures in the buttons to appear.

Known issues

• Causing camera dimensions to change (for example by rotating a device) may result in grey bars appearing. Refreshing the page fixes this, but also resets tile positions.
• Video position is not vertically and horizontally centered, but instead is aligned to the top left. This can mean you have to tilt the camera slightly more downwards on mobile, or to the right on desktop.

Run locally

1. Clone this repo
   git clone git@github.com:burntcustard/js1024-mirror-puzzle.git

2. Install dependencies
   npm install

3. Run watch command to start up hot-reloading browser-sync
   npm run watch