javascript - Phaser でのスプライトとスプライトの服の装備

Question

Phaser でスプライトに衣服を装備するにはどうすればよいですか? 以下を使用するとします。

私が考えることができる唯一の方法は、各スプライトをオンにして画像を作成することです。オーバーレイなど、別の方法があるに違いありませんか？

Answer 1

このプロジェクトを確認する必要があります: https://github.com/makrohn/Universal-LPC-spritesheet。

Phaser に統合するには、次のような方法を試してください。

function preload() {
    game.load.spritesheet('female_body', 'sprites/body/female/light.png', 64, 64);
    game.load.spritesheet('female_hair', 'sprites/hair/female/pixie/blonde.png', 64, 64);
    game.load.spritesheet('female_torso', 'sprites/torso/tunics/female/teal_tunic.png', 64, 64);
    game.load.spritesheet('female_legs', 'sprites/legs/pants/female/teal_pants_female.png', 64, 64);
};

function create() {
    var group = game.add.group();
    group.add(game.add.sprite(200, 200, 'female_body', 13 * 9));
    group.add(game.add.sprite(200, 200, 'female_hair', 13 * 9));
    group.add(game.add.sprite(200, 200, 'female_torso', 13 * 9));
    group.add(game.add.sprite(200, 200, 'female_legs', 13 * 9));
    group.callAll('animations.add', 'animations', 'walk', Phaser.ArrayUtils.numberArrayStep(13 * 9, 13 * 9 + 9));
    group.callAll('animations.play', 'animations', 'walk', 9, true);
};

Answer 2

Phaser.Sprite#addChildプレイヤー スプライトにクロス スプライトをアタッチするために使用できます。

// Player sprite
var player = game.add.sprite(0, 0, 'player-sprite');

// Cloth sprite
var cloth = game.add.sprite(0, 0, 'cloth-sprite');

// Tweak anchor position to correctly align clothing over player 
cloth.anchor.setTo(0.5, 0.5);

player.addChild(cloth);