kjs222 / gametime

Binary Snake

Binary snake is like the traditional snake game but instead of eating food on your screen you eat bits in order to convert a number from decimal to binary.

You can click here to play.

Initial setup to play game locally

Clone

git clone [email protected]:kjs222/gametime.git

To install the dependencies:

npm install

To fire up a development server:

npm start

Once the server is running, you can visit:

• http://localhost:8080/webpack-dev-server/ to run your application.
• http://localhost:8080/webpack-dev-server/test.html to run your test suite in the browser.

To build the static files:

npm run build

To run tests in Node:

npm test

Inspiration

Inspired to create educational game, both of us, Kerry and Jenny, have a passion towards education. Binary Snake is based on the original Snake but with some twists. We wanted to do something simple enough to complete well in the time provided, but change it in an interesting and educational way. In this case, to convert base ten numbers into base two numbers, or in other words, convert decimal to binary.

Gameplay

Changes from Original Snake:

• You do not die if you hit yourself
• Instead of just having one food source, you're given the option of two, one containing a one and the other a zero.
• Goal is to get the number (given in decimal) and convert it to binary by eating the correct bits.
• If you eat a bit in the wrong order, you lose segments.
• If you eat the correct bit you gain a segment.

Scoring:

• You get one point for the number of bits you eat correctly
• You get your decimal number added to your score when you successfully convert a number.

gametime's Issues

have snake recognize what type of food it ate

consider disabling ability to reverse direction

if going left, can't go right, etc.

wireframe view

Color bands for snake upon correct number

Restart game upon finish

Saving scores to local storage

Determine game end

change snake head

update score based on correct bits

Current status of translation

Finish num test

fix bug where binary doesn't clear after game end?

replenish correct type of food after one is eaten

Place Food [Iteration 1]

checkin 3 submission form

Fix failing tests

Style Game

Snake Moves Within Canvas [Iteration 1]

User enter name upon highschore

Tabs

Instructions
Status for numbers
Score Board

Optional: Notepad type
Turn binary into tab, hangman style

Losing segments

When wrong is eaten, get smaller by 2 segments.

User Input Test

Constuctor

Render test

Constructor

Github pages?

update tests to reflect new snake start position

clear

select font

Decided against.

detect snake collision with itself [?]
-did you hit yourself in any way

Move snake consisting of multiple segments [Iteration 1]

Detect wall collision[iteration 1]

Snake Test

Filler methods

Put button on canvas

test cannot reverse on yourself

style number/binary/score section

Game over conditions

One method for gameOver

Losing too many segment
WALL DEATHHH

Move Snake Head[Iteration 1]

place 2 foods on canvas (one 0, one 1)

Add README

questions for checkin

test local storage
test jquery dom updates based on things that happen in canvas
test jquery dom updates that happen outside context of a game (or as a result of game over)

increase size of canvas, snake segs, food

Scoreboard

refine next number

Scoring

Count stripes you've had during the game
Which means it counts the number of numbers you've converted to binary.

Display number on screen

Draw Snake Head[Iteration 1]

Game Test

Constructor

consider a menu class

Style menus

Detect Food Collision [Iteration 1]

JSHint