Pixi.js: Centro do palco em um objeto específico

Criado em 31 mar. 2016 · 3Comentários · Fonte: pixijs/pixi.js

No processo de criação de um jogo 2D, é normalmente necessário que a visualização seja centralizada no que quer que represente o jogador. Neste ponto, não sei como fazer isso, exceto deslocar manualmente todas as coordenadas de todos os sprites.

Como mover corretamente o palco para que o jogador esteja sempre no centro da visualização da tela?

Fonte

Darker

Comentários muito úteis

Eu uso a combinação de posição / escala / pivô padrão.

//(0,0) for us is center of the screen
stage.position.x = renderer.width/2;
stage.position.y = renderer.height/2;
//scale it
stage.scale.x = 2.0;
stage.scale.y = 2.0;
//now specify which point INSIDE stage must be (0,0)
stage.pivot.x = character.position.x;
stage.pivot.y = character.position.y;

Na minha versão de desenvolvimento existe um objeto Camera secreto, e é possível fazê-lo seguir qualquer objeto mesmo que esteja dentro de alguns containers.

ivanpopelyshev em 1 abr. 2016

👍5

Todos 3 comentários

Eu uso a combinação de posição / escala / pivô padrão.

//(0,0) for us is center of the screen
stage.position.x = renderer.width/2;
stage.position.y = renderer.height/2;
//scale it
stage.scale.x = 2.0;
stage.scale.y = 2.0;
//now specify which point INSIDE stage must be (0,0)
stage.pivot.x = character.position.x;
stage.pivot.y = character.position.y;

Na minha versão de desenvolvimento existe um objeto Camera secreto, e é possível fazê-lo seguir qualquer objeto mesmo que esteja dentro de alguns containers.

ivanpopelyshev em 1 abr. 2016

👍5

Muito obrigado, funciona perfeitamente! :)

Ele também respondeu a outra pergunta que eu precisava, mas nem sequer perguntei - como ampliar o palco.

Darker em 4 abr. 2016

Este tópico foi bloqueado automaticamente, pois não houve nenhuma atividade recente depois que ele foi fechado. Abra um novo problema para bugs relacionados.