Pixi.js: Pusatkan panggung pada objek tertentu

Dibuat pada 31 Mar 2016 · 3Komentar · Sumber: pixijs/pixi.js

Dalam proses pembuatan game 2D, biasanya tampilan harus dipusatkan pada apa pun yang mewakili pemain. Pada titik ini, saya tidak tahu bagaimana melakukannya selain secara manual mengimbangi semua koordinat semua sprite.

Bagaimana cara memindahkan panggung dengan benar sehingga pemain selalu berada di tengah tampilan kanvas?

Sumber

Darker

Komentar yang paling membantu

Saya menggunakan kombo posisi/skala/pivot standar.

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

Dalam versi pengembangan saya ada objek Kamera rahasia, dan memungkinkan untuk membuatnya mengikuti objek apa pun meskipun di dalam beberapa wadah.

ivanpopelyshev pada 1 Apr 2016

👍5

Semua 3 komentar

Saya menggunakan kombo posisi/skala/pivot standar.

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

Dalam versi pengembangan saya ada objek Kamera rahasia, dan memungkinkan untuk membuatnya mengikuti objek apa pun meskipun di dalam beberapa wadah.

ivanpopelyshev pada 1 Apr 2016

👍5

Terima kasih banyak, ini bekerja dengan sempurna! :)

Itu juga menjawab pertanyaan lain yang saya butuhkan tetapi bahkan tidak bertanya - bagaimana cara memperbesar panggung.

Darker pada 4 Apr 2016

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terbaru setelah ditutup. Silakan buka edisi baru untuk bug terkait.