adaframe / snail Goto Github PK

When adding and fraction >= 1 explode 3x3 square

Easiest way to work is to pull in the sugarizer repo due to the activities having dependencies throughout the project

A score system needs to be put into place. A global score property should be stored and should be incremented when circles are deleted.

See attached document, look for the part where drawHud is created, something similar should be done.

Boomshine-D.pdf

If two fractions do not match but are selected next to each other, add them together.

Left to right ends up on the right. Right to left ends up on the left.

Check to see if the fractions are matching and delete if they are

Post Here Example of what gameplay you feel we should have? I feel we should stick with math

For the array of colors currently, create another array called textColors where textColors[0] is the inverse of colors[0]. Inverse should be the the colors value with each component -255 and %'d

Auto Generate Circles with Fractions Inside

Add some basic gravity and auto generation for circles so we can keep getting more

Currently in the draw function, only one circle is drawn and and fraction is written over it.

• Draw a circle first with a lower opacity

  • create an attribute in circles this.backColor= rgba(${this.colors[...]`,0.5)
  • in the draw circle function, draw another circle first with the fillstyle set to this new back color

• Draw normal circle but change arc

  • In the draw circle function in utilities, make sure the second circle has it's fillstyle set to this.color
  • change the arc function for this circle to ctx.arc(.........,0, this.fraction * 2 * Math.PI) this creates a pie chart like effect

Good to see you already starting to use issues for this project.

Future additions/changes to this repository should be discussed via issues. The commit messages for those changes should then include closure of the corresponding issue(s).

currently you can click any two circles and they will be added. Need to check if the two circles are next to each other in the array.

• Create an attribute for circle called strokeColor and initialize it to the color value
• When the circle is selected in doMouseDown set the circles strokeColor to the textColor
• In the drawCircle function in utilities, set the stroke colorctx.strokeStyle = this.strokeColor after the circle is filled and call ctx.stroke() to stroke the circle.

Like typical candy crush, 3 or more in a row delete for now, in the future, if 4 or more we could add a powerup or something

A max amount of moves should be in place and the game should stop when you run out of moves. 30 moves sounds good.

• Create a GAME_STATE enum with....
  • BEGIN, DEFAULT, ROUND_OVER, END
• In init, set this.gameState to this.GAME_STATE.DEFAULT
• when max amount of moves has been reached, set gameState to this.GAME_STATE.END
• in mouseDown, if gameState == this.GAME_STATE.END you should return, as game is over