
 PoxxlePoxxle is very similar to Bouncing Balls. If you are good enough it is possible to clear the entire screen. That makes accuracy incredibly important. The challenge comes from the fact that when you miss shots more bubbles are added. The bubbles don't move anywhere, there aren't any power-ups and there aren't levels.  Bubble ShooterThis game is pure straightforward bubble popping. This novel twist puts a whole new spin on the genre! You can use this to your advantage by using your shots to spin them around to get access to the balls you want to shoot.

 Bubble Spinner 2Are you bored of the balls always sitting there - in the same place you shot them? How about adding a twist - literally! All of the balls stick together in this game but the whole clump of them is able to rotate. The gameplay is very challenging - good luck! The catch is you have a limited number of shots and only get new ones when you manage to eliminate some of the existing ones. The goal is to simply make balls touch like colored balls 3 times to make them dissapear.  Bubble Cannon 2One thing in particular separates this from the other games on the list - the balls bounce off each other! That's right instead of sticking these balls bounce. How high can you score and what level can you reach? The key here is speed as there is no penalty for missing shots. As you progress through the levels the gameplay becomes more challenging as new colors are added, there are more balls to eliminate and they start moving faster and faster. If, like us, you enjoy this kind of casual gameplay give them a try!īouncing BallsEliminate all of the descending balls to pass each level. Each game listed below offers a slightly different variations of this theme. Sometimes the simplest gameplay ideas are the best - and these games are proof of that! Your goal is to eliminate all of the balls by using a canon to match 3 or more of the same color. If (lineDistance(SmileyApp.xpos, SmileyApp.ypos) + SmileyApp.radius > 300) else if (event.Featuring: Bouncing Balls, Bubble Cannon 2, Bubble Spinner, Bubble Shooter & Poxxle.

change speed direction if smiley hits canvas edges
Bouncing balls game with arrow keys update#
SmileyApp.ypos += SmileyApp.yspeed * h/1000 // update position according to constant speed SmileyApp.xpos += SmileyApp.xspeed * h/1000 // update position according to constant speed Var tprev = 0 // this is used to calculate the time step between two successive calls of run - Animation of smiley moving with constant speed and bounce back at edges of canvas. context.strokeStyle = '#003300' // greenįunction lineDistance( positionx, positiony )

Object containing some global Smiley properties.Ĭtx.arc(centerX, centerY, radiusBig, 0, 2 * Math.PI, false)
Bouncing balls game with arrow keys code#
My js source code : var canvas = document.getElementById("mycanvas") I would be glad for any tips! Mycanvas size is 700x700 in the html file. I dont know how I can give a starting angle to a red smiley and bouncing it with the angle it came. The biggest problems I have: creating multiple red smileys and reflecting the red smileys from the boundary with the angle they came. I control the yellow smiley with arrow keys. Yellow Smiley has to escape from red smileys, when yellow smiley hits the boundary game is over, when red smileys hit the boundary they should bounce back with the same angle they came, like shown below:Įvery 10 seconds a new red smiley comes in the big circle, when red smiley hits yellow, game is over, speed and starting angle of red smileys should be random.
