Circular Collision

[ptotheaul]

First of all I'm not sure this is the best way to group element for collision detection but I'm crating CHARACTER elements that contain various sprites that I want to act as one element.  I want the different circles(made up of a few sprites) to bounce off of each other.

In order to keep all the elements together and since I can't set 'body.setCircle' on a group I'm using the 'circle' sprite for physics and just updating the positions of the other elements to match the x/y of the 'circle' in the bubble.update = function(){}.  Is there a better way to do this?

My other question is, as I add more CHARACTER's I'd like to add the corresponding 'bubble' sprite to a:

game.physics.arcade.collide()

so that the 'bubble's bounce off each other.  ie

game.physics.arcade.collide(bubble1, bubble2, etc)

is there a way to do this?

 

CHARACTER _ctor: function() {
        var character_g = this.game.add.group();

        var s1 = imageLoader.sprite(0, 0, 'Idle.png');
        
        var s2 = imageLoader.sprite(0, 0, 'state1.png');
        s2.visible = false;
        
        var bubble= imageLoader.sprite(0, 0, circle.png');

        game.physics.arcade.enable([bubble]);
        
        bubble.body.setCircle(160);
        bubble.body.collideWorldBounds = true;
        bubble.body.bounce.set(1);
        bubble.body.gravity.y = 0;
        bubble.body.velocity.set(150);      

 

        character_g.add(s1);
        character_g.add(s2);
        character_g.add(over);

      

        bubble.update = function(){

            s1 .x = bubble.x;
            s1 .y = bubble.y;
            
            s2 .x = bubble.x;
            s2 .y = bubble.y;

        }
              

        s1.inputEnabled=true;
        s1.events.onInputDown.add(this.itemClick,this);

    }

[David S.]

If you add s1 and s2 as children of the bubble then they will follow it around for you.

http://phaser.io/docs/2.6.2/Phaser.Sprite.html#addChild