JSFiddle - React, Tailwind, and code Playground

by Batzi

HTML

<script src="https://github.com/photonstorm/phaser/releases/download/v2.4.4/phaser.js"></script>

JavaScript

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'roam-example', {
    preload: preload,
    create: create,
    update: update
});

var players, player, player1, player2, player3, path, path1, path2, path3, moved,moved2,moved3,count,isMoving;

function preload() {
    game.load.crossOrigin = 'anonymous';
    game.load.spritesheet('player', 'http://i.imgur.com/ctRh8np.png', 70, 125);
}

function create() {

    player1 = game.add.sprite(200, 300, 'player', 24);
    player2 = game.add.sprite(400, 200, 'player', 24);
    player3 = game.add.sprite(100, 150, 'player', 24);
    players = [player1, player2, player3];
    
	for(var i=0;i<players.length;i++)
    {
        players[i].animations.add('down', [24, 25, 34, 35], 20, true);
		players[i].animations.add('up', [22, 23, 32, 33], 20, true);
		players[i].animations.add('left', [8, 9, 18, 19], 20, true);
		players[i].animations.add('right', [6, 7, 16, 17], 20, true);
		players[i].animations.add('upLeft', [20, 21, 30, 31], 20, true);
		players[i].animations.add('upRight', [4, 5, 14, 15], 20, true);
		players[i].animations.add('downLeft', [2, 3, 12, 13], 20, true);
		players[i].animations.add('downRight', [0, 1, 10, 11], 20, true);
    }
    players.forEach(function(player){
    game.physics.arcade.enable(player);
    });

    path1 = [
        [150, 300],
        [150, 200],
        [300, 200],
        [300, 300],
        [200, 300]
    ];
    path2 = [
        [300, 200],
        [300, 100],
        [200, 100],
        [400, 100],
        [400, 200]
    ];
    path3 = [
        [150, 150],
        [300, 200],
        [300, 300],
        [200, 150],
        [100, 150]
    ];


    path = [path1, path2, path3];
    
    isMoving=[1,1,1];
    
	count=[0,0,0];
    
	
        if(isMoving[0]==1)
    	game.time.events.loop(5000+Math.random()*10000, callMe);
    
    if(isMoving[1]==1)
    	game.time.events.loop(5000+Math.random()*10000, callMe);
    
    if(isMoving[2]==1)
   ...