Pixels Web Demo

Source code for the demo shown in the Pixel Kickstarter July update.

Foreword

Pixels are full of LEDs, smarts and no larger than regular dice, they can be customized to light up when and how you desire. Check our website for more information.

Warning Before jumping into programming please make sure to read our Pixels developer's guide.

Please open a ticket on GitHub if you're having any issue with this demo.

The Game

This mini game demonstrates how to use the Pixels Web Connect package. See the package's readme for information about supported browsers.

The game is intended to be played with at least 3 Pixels dice, but if you have less than that you may edit minNumDice in src/routes/home/OddOrEvenGame.

To try out different win animation, search for animWin1 and find where the animation is used. You may replace replace it with either animWin2 or animWin3.

CLI Commands

• yarn: Installs dependencies

• yarn dev: Run a development, HMR server (use yarn dev16 with Node JS 16)

• yarn serve: Run a production-like server

• yarn build: Production-ready build (use yarn build16 with Node JS 16)

• yarn lint: Pass TypeScript files using ESLint

• yarn test: Run Jest and Enzyme with enzyme-adapter-preact-pure for your tests

For detailed explanation on how things work, checkout the CLI Readme.

Images Attributions

• clear.png: Cross icons created by Pixelmeetup - Flaticon
• blinker.png: Blinker Icons erstellt von Freepik - Flaticon
• rainbow.png: Rainbow icons created by Freepik - Flaticon
• smile.png: Smile icons created by Pixel perfect - Flaticon
• angry.png: Emoji icons created by Freepik - Flaticon