A game of metastability for the 2016 js13kGames competition
JavaScript CSS HTML Ruby
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
js
.gitignore
LICENSE
README.md
http-server.rb
index.html
manifest.txt
rakefile.rb

README.md

flip-flop

flip-flop is a press your luck game about territory control on a PCB. Built for an iPhone, it should run in most browsers. High scores are sharable and accessibility is baked in. Things glow when you win, cross out when you lose, and the difficulty is as hard as you make it. Have fun.

Made on a Mac for the 2016 js13kGames competition.

Features

flip-flop has the following bits of awesomeness:

  • play on any device with sweet scaling graphics
  • get social bragging rights with tweetable high scores
  • choose your own difficulty with dynamic starting layouts

Credits

flip-flop is based on the solitaire variant of P.D. Magnus and Jack Neal's Decktet game Jacynth. Chips function as cards, with colored LEDs for the suits. The starting layout is left up to the player and the probability of a chip changing when played is shown. Every fourth chip is automatically powered, removing a decision point and adding tension to the original rules.

Technology

flip-flop uses a pseudo random number generator based on the one described in the paper, A New Class of Invertible Mappings, by Alexander Klimov and Adi Shamer.

Graphics

All the graphics for flip-flop, with the exception of the GitHub Octocat and Twitter Bird, are created with HTML5 and CSS3. The background graph paper is a recolor of Lea Verou's blueprint grid pattern. The PCB background is a recolor of Paul Salentiny's honeycomb pattern. The LEDs are based on F. Stephen Kirschbaum's CSS LED lights. The buttons are based on Sara Soueidan's soft button. The sticky notes come from Chris Heilmann's tutorial. The text that shows up when chips glitch is Mark Dotto's design. The glowing numbers are done in the same neon that Dudley Storey uses for his bar sign. The DIP-8 packaging for the SR latches that make up the chips is my own creation.

Colors

Colors for the LEDs where chosen from Martin Krzywinski's notes on palettes for color blindness. You can switch them to letters by holding down the power button until the LED blinks, then letting go.

Help

Sarah Mitchell provided useful feedback on color choices and pushed me to make the reset button work all the time. She's the reason there's a delightful ghost chip when you select an empty spot on the circuit board.

Compatibility

flip-flop works in the following browsers:

  • Firefox 48.0.2
  • Chrome 53.0.2785
  • Safari 9.1.3
  • iOS Safari 9.3.5

License

All code for flip-flop is licensed under a MIT license. See the LICENSE file for more details. The game, text, and graphics are licensed under the same CC BY-NC-SA 3.0 license as the Decktet.