JSFiddle - React, Tailwind, and code Playground

by Costa595

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.4/phaser.js"></script>

JavaScript

var myObject = this;

this.layers = {
    backgroundLayer: this.add.group(),
    behindTheShipLayer: this.add.group(),
    otherShipsLayer: this.add.group(),
    playerLayer: this.add.group()
};

createPlanetSprites: function(string) {

        $.get( "/api/planets", { system: playerInfoObject.system.id }, function(data) {

            var planets = data,
                planetId = '',
                num = 0;

            for(var planet in planets) {

                planetId = planets[planet].id;

                createdPlanets[planetId] = new Object();

                createdPlanets[planetId].planet = myObject.initPlanet(planets[planet].x, planets[planet].y, 'planet' + planets[planet].sprite, planets[planet].angle, planets[planet].name, planets[planet].speed, planets[planet].radius, planets[planet].race, num);

                createdPlanets[planetId].nickName = myObject.createNickName(planets[planet].x, planets[planet].y, planets[planet].name, 'planet');
                createdPlanets[planetId].planet.scale.set(0.7, 0.7);

                createdPlanets[planetId].planet.planetId = planetId;

                createdPlanets[planetId].planet.inputEnabled = true;

                myObject.layers.behindTheShipLayer.add(createdPlanets[planetId].nickName);

                num++;
            }
        });
};
              


initPlanet: function(x, y, planetKey, angle, name, speed, radius, race, num) {

        this.layers.ourPlanets = [];
        this.layers.ourPlanets[num] = game.add.group();

        //размеры мапы умножаем на радиус окружности (нашей сферы)
        var newW = (1200 / 300) * 200;
        var newH = 200;

        //холст
        var earthBMD = game.make.bitmapData(newW, newH, 'earthBMD');
        earthBMD.draw('map1', 0, 0, newW, newH);
        
        //сама планета
        var somePlanet = game.add.sprite(x, y, earthBMD);
        // somePlanet.angle = -15;
        somePlanet.anchor.set(0.5, 0.5);

        //ставим настройки для планеты
       ...