clone the project
npm install
OR
yarn install
npm run build
npm start
- Add friction to paddle
- Add bricks
- Add brick kill function
- Add bricks auto scale function
- Add out box check
- Add GameOver state
- Refactor the image to code based sprite
- Check win
- Add sound effect
- Implement splash state
- Mobile friendly
- Add animation
- Faster on mobile or large screen.
- https://github.com/rroylance/phaser-npm-webpack-typescript-starter-project
- https://github.com/heathkit/phaser-typescript-webpack-starter
- code examples
- http://www.emanueleferonato.com/2014/08/28/phaser-tutorial-understanding-phaser-states/
- http://www.html5gamedevs.com/topic/1372-phaser-function-order-reserved-names-and-special-uses/
mousePointer: The most recently active Pointer object. When you've limited max pointers to 1 this will accurately be either the first finger touched or mouse.
activePointer: The mouse has its own unique Phaser.Pointer object which you can use if making a desktop specific game.
pointer1: does not work when mouse click.
- https://phaser.io/docs/2.4.3/Phaser.Pointer.html
- https://phaser.io/examples/v2/input/follow-mouse
- https://phaser.io/examples/v2/input/snap-on-drag
- https://phaser.io/examples/v2/input/drag-update-multiple
- https://phaser.io/examples/v2/input/drag-update
- https://phaser.io/examples/v2/input/drag-event-parameters
- https://stackoverflow.com/questions/28104605/how-to-find-the-mouse-position-x-y-using-phaser
- https://phaser.io/examples/v2/arcade-physics/move-towards-object
- https://phaser.io/examples/v2/arcade-physics/move-over-distance
- https://phaser.io/docs/2.4.3/Phaser.Physics.Arcade.Body.html#velocity
- https://phaser.io/examples/v2/box2d/varying-friction
- https://phaser.io/docs/2.6.2/Phaser.Physics.Arcade.Body.html#friction
- http://www.html5gamedevs.com/topic/28840-arcade-physics-friction/
- http://phaser.io/docs/2.6.2/Phaser.Physics.Arcade.Body.html
Need buy, pass.
- http://phaser.io/docs/2.6.2/Phaser.Physics.Arcade.html#collide
- https://phaser.io/examples/v2/arcade-physics/bounce-accelerator
- http://www.html5gamedevs.com/topic/21685-extending-sprite-error-typescript/
- http://www.html5gamedevs.com/topic/14496-inheritance-in-typescript/
- https://phaser.io/examples/v2/sprites/destroy
- http://www.html5gamedevs.com/topic/4774-destroy-a-sprite/
- https://phaser.io/docs/2.6.2/Phaser.Group.html
- https://phaser.io/examples/v2/groups/group-scale
- https://www.joshmorony.com/how-to-scale-a-game-for-all-device-sizes-in-phaser/
- http://www.html5gamedevs.com/topic/5949-solution-scaling-for-multiple-devicesresolution-and-screens/
- https://phaser.io/examples/v2/arcade-physics/offset-bounding-box
- http://www.html5gamedevs.com/topic/8022-gamedebugbody-issues/
- http://phaser.io/docs/2.4.4/Phaser.Utils.Debug.html
- https://gamedevacademy.org/how-to-debug-phaser-games/
Use the pivot of group, not the anchor. becouse anchor is used for sprite.
- https://phaser.io/examples/v2/category/text
- https://phaser.io/examples/v2/text/center-text
- https://phaser.io/examples/v2/text/center-text-on-sprite
- http://www.html5gamedevs.com/topic/26379-game-over-screen-destroy-complete-state/
- http://www.html5gamedevs.com/topic/3893-how-to-restart-a-game/
- http://www.html5gamedevs.com/topic/7620-draw-solid-rectangle/
- http://www.html5gamedevs.com/topic/13555-drawing-a-circle-with-bitmapdata/
- http://examples.phaser.io/_site/view_full.html?d=display&f=graphics.js&t=graphics
- https://stackoverflow.com/questions/29382710/drawing-a-circle-with-bitmapdata
- http://www.html5gamedevs.com/topic/8629-passing-arguments-to-collide-callback-function/
- http://www.html5gamedevs.com/topic/4663-collision-callback/
- http://www.emanueleferonato.com/2015/02/26/the-basics-of-responsive-html5-games/
- https://hacks.mozilla.org/2015/12/from-game-jam-to-mobile-and-firefox-os/
- https://phaser.io/examples/v2/tweens/fading-in-a-sprite
- http://phaser.io/docs/2.4.4/Phaser.Tween.html