Awesome

Phaser 3 Slopes Plugin

A Phaser 3 Plugin that smooths out MatterJS Tilemap Layer collisions.

<img width="49%" src="screenshots/before.gif"/> <img width="49%" src="screenshots/after.gif"/>

:hammer_and_wrench: This plugin is under development. Feel free to report any issues that you find.

Looking for a Phaser CE plugin? Check out Phaser Arcade Slopes.

Compatibility

Usage

Install the plugin as a dependency of your project using npm.

npm install phaser-slopes

Load the plugin into your Scene.

import Slopes from 'phaser-slopes';

class GameScene extends Phaser.Scene
{
    preload() {
        this.load.scenePlugin('Slopes', Slopes);
    }
}

You can use Phaser to load the plugin as a script if you're not using npm for dependency management.

class GameScene extends Phaser.Scene
{
    preload() {
        this.load.scenePlugin('Slopes', 'phaser-slopes.min.js');
    }
}

Any MatterJS Tilemap Layers you create within the Scene will automatically collide smoothly with other physics bodies.