Jump to content

Playing with Arcade Physics(Flap-zone)


Recommended Posts

//Flap zone
The code creates a square-shaped zone and when our game object crosses the zone, the zone gives an indication by changing its color.

var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
parent: ‘phaser-example’,
physics: {
default: ‘arcade’,
arcade: {
debug: true,
gravity: { y: 200 }
scene: {
preload: preload,
create: create,
update: update

var zone; //declare variable

new Phaser.Game(config);

function preload ()
this.load.image(‘block’, ‘assets/sprites/block.png’); //block image

function create () //zone creation
zone = this.add.zone(300, 200).setSize(200, 200);
zone.body.moves = false;

var group = this.physics.add.group({                       
    key: 'block',
    frameQuantity: 4,
    bounceX: 1,                                 **//box bouncing**
    bounceY: 1,
    collideWorldBounds: true,
    velocityX: 120,
    velocityY: 60

this.physics.add.overlap(group, zone); } 
function update () //when the box will fully be captured in the zone then the color of the zone will change.
zone.body.debugBodyColor = zone.body.touching.none ? 0x00ffff : 0xffff00;


outside zone.png


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...