Pixi.js: Centrer la scène sur un objet particulier

Créé le 31 mars 2016 · 3Commentaires · Source: pixijs/pixi.js

Dans le processus de création d'un jeu 2D, il est généralement nécessaire que la vue soit centrée sur ce qui représente le joueur. À ce stade, je ne sais pas comment faire cela à part le décalage manuel de toutes les coordonnées de tous les sprites.

Comment déplacer correctement la scène pour que le joueur soit toujours au centre de la vue de la toile ?

Source

Darker

Commentaire le plus utile

J'utilise le combo position/échelle/pivot standard.

//(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;

Dans ma version de développement, il y a un objet Camera secret, et il est possible de le faire suivre n'importe quel objet même s'il se trouve à l'intérieur de certains conteneurs.

ivanpopelyshev le 1 avr. 2016

👍5

Tous les 3 commentaires

J'utilise le combo position/échelle/pivot standard.

//(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;

Dans ma version de développement, il y a un objet Camera secret, et il est possible de le faire suivre n'importe quel objet même s'il se trouve à l'intérieur de certains conteneurs.

ivanpopelyshev le 1 avr. 2016

👍5

Merci beaucoup, ça marche parfaitement ! :)

Cela a également répondu à une autre question dont j'avais besoin mais que je n'ai même pas posée - comment agrandir la scène.

Darker le 4 avr. 2016

Ce fil a été automatiquement verrouillé car il n'y a eu aucune activité récente après sa fermeture. Veuillez ouvrir un nouveau problème pour les bogues liés.