Pixi.js: Centro del escenario en un objeto particular

Creado en 31 mar. 2016 · 3Comentarios · Fuente: pixijs/pixi.js

En el proceso de hacer un juego en 2D, generalmente se requiere que la vista se centre en lo que sea que represente al jugador. En este punto, no sé cómo hacer eso aparte de compensar manualmente todas las coordenadas de todos los sprites.

¿Cómo mover correctamente el escenario para que el jugador esté siempre en el centro de la vista del lienzo?

Fuente

Darker

Comentario más útil

Yo uso un combo de posición / escala / pivote estándar.

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

En mi versión de desarrollo hay un objeto de cámara secreto, y es posible hacer que siga cualquier objeto incluso si está dentro de algunos contenedores.

ivanpopelyshev en 1 abr. 2016

👍5

Todos 3 comentarios

Yo uso un combo de posición / escala / pivote estándar.

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

En mi versión de desarrollo hay un objeto de cámara secreto, y es posible hacer que siga cualquier objeto incluso si está dentro de algunos contenedores.

ivanpopelyshev en 1 abr. 2016

👍5

Muchas gracias, funciona perfectamente! :)

También respondió a otra pregunta que necesitaba pero que ni siquiera hice: cómo hacer zoom en el escenario.

Darker en 4 abr. 2016

Este hilo se ha bloqueado automáticamente ya que no ha habido ninguna actividad reciente después de que se cerró. Abra un nuevo problema para errores relacionados.