Lydia Butterfly game
JavaScript Ruby CSS
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.
.sass-cache/5a96c7337bc6e17541cf4ef472d12dc2d3e512d6
app
config
db
doc
lib
log
public
script
spec
test
vendor
.gitignore
.rspec
Gemfile
Gemfile.lock
Procfile
README.md
README.rdoc
Rakefile
config.ru

README.md

#Lydia Butterfly

##About

Lydia Butterfly is a speed-based color puzzle game, dedicated to my niece Lydia. The first version of this game was launched on April 11th, 2014, after about four and a half days of development as a project for Omaha Code School.

Play it here!

##How to Play

###Directions

  1. Click Start.
  2. Click sections to change their color.
  3. Keep clicking until sections no longer match adjacent sections.

An example of a winning game:

Winning game example

###Other Tips

  • Level 1 gives you 30 seconds to solve the puzzle. Each subsequent level decreases your time limit by 2 seconds, down to a minimum of 7 seconds.
  • The computer will randomly change colors on the butterfly, so watch out!
  • You can play as much as you would like without signing up, but if you do sign up, the game will keep track of your personal stats, and you will also be eligible for the high score table.

Technical Stuff

(If you're interested in that kind of thing)

Lydia Butterfly is a Rails application, but Javascript is primarily what's making the game run, such as the timer mechanism, changing colors on click, randomly changing colors, automatically saving games, etc.

The butterfly itself is an SVG object that I created in Adobe Illustrator CC, because it was significantly simpler than cobbling together divs holding images, or drawing an HTML map over one image. Having each polygon in its own polygon tag simplified the process of manipulating the game using Javascript and CSS. The code for the SVG object lives in app/views/games/new.html.erb if you are interested in SVG objects and would like to check that out.

The code that is doing most of the heavy lifting in the game is located in app/assets/javascripts/games.js.

##Suggested Browsers

###Good:

  • Chrome (Mac and Windows)
  • Safari (Mac and iPhone)
  • Opera (Mac)
  • Firefox (Mac and Windows)
  • Internet Explorer (Windows)

###Untested:

  • Safari (Windows)
  • Opera (Windows)
  • Anything else not explicitly listed

##The Future of Lydia Butterfly

I'm constantly trying to make the Lydia Butterfly experience better, so please report any bugs or suggestions in the issues section! Please be as descriptive about bugs as possible (what you did that lead up to the bug, pictures of glitches, etc.). Thanks!