🥇 Winner of js1024 2022 - the total size of index.html is less than 1024B!
Note: Device must have a camera, and you must allow the site to use the camera, to get pictures in the buttons to appear.
- 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.
-
Clone this repo
git clone git@github.com:burntcustard/js1024-mirror-puzzle.git -
Install dependencies
npm install -
Run watch command to start up hot-reloading browser-sync
npm run watch