Phaser Arcade Circles plugin

July 20, 2016 ยท View on GitHub

Created by Vitaliy Zheltyakov.

The plugin is not relevant since Phaser 2.6

Phaser is a fast, free and fun open source HTML5 game framework. This plugin adds to framework:

  • Circle vs. Circle collision
  • Circle vs. Rectangle collision
  • Circle-body debug render
  • function distanceBetweenCenters()
  • function angleBetweenCenters()

The plugin does not reduce the performance of arcade physics. The plugin is easy to use.

How to add a plugin

Add to your index.html link to plugin file:

<script src="js/phaser-arcade-circles-plugin.js" type="text/javascript"></script>

How to use a plugin

Then use the function setCircle for the circle-body.

sprite1.body.setCircle(radius, offsetX, offsetY);

Calculation of the collision produced as usual. No further use is not necessary functions.

New functions

  • distanceBetweenCenters - Find the distance between centers of two display objects
  • angleBetweenCenters - Find the angle in radians between centers of two display objects

Note

  • Remember, this is an arcade physics. Not real physics. Therefore, some collisions may seem strange.
  • Remember, that the setCircle function overrides scaling and anchor point.

License

Phaser Arcade Circles plugin is released under the MIT License.

Examples

The repository has 4 examples of using the plugin.