Pixi.js: 特定のオブジェクトの中央ステージ

作成日 2016年03月31日 · 3コメント · ソース: pixijs/pixi.js

2Dゲームを作成するプロセスでは、通常、プレーヤーを表すものを中心にビューを表示する必要があります。この時点では、すべてのスプライトのすべての座標を手動でオフセットする以外に、それを行う方法がわかりません。

プレイヤーが常にキャンバスビューの中央にくるようにステージを適切に移動するにはどうすればよいですか？

ソース

Darker

最も参考になるコメント

標準の位置/スケール/ピボットコンボを使用します。

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

私の開発バージョンには秘密のCameraオブジェクトがあり、いくつかのコンテナ内にある場合でも、任意のオブジェクトに追従させることができます。

ivanpopelyshev 2016年04月01日

👍5

全てのコメント3件

標準の位置/スケール/ピボットコンボを使用します。

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

ivanpopelyshev 2016年04月01日

👍5

どうもありがとうございました、それは完璧に動作します！ :)

それはまた、私が必要とした別の質問にも答えましたが、ステージをズームする方法についても尋ねませんでした。

Darker 2016年04月04日

このスレッドは、閉じられた後、最近のアクティビティがないため、自動的にロックされています。関連するバグについては、新しい問題を開いてください。

lock[bot] 2019年02月25日

このページは役に立ちましたか？

0 / 5 - 0 評価

Pixi.js: 特定のオブジェクトの中央ステージ

最も参考になるコメント

全てのコメント3件

関連する問題