複数のビューは完全なサイズで描画されていません。ウィンドウより約 10% 小さく、上部と右側に余白があります。(下の画像を参照)。
問題は、このThree.js の例に当てはまります。私が知る限り、それは次の組み合わせです。
- 同じシーンの複数のビューポート
- ファイアフォックス
- 私のWAMPセットアップ
上記を確認するために、次のことを行いました。
- 上記のリンクにアクセスすると、Chrome と Firefox の両方で正常に動作します。
- 私のブラウザで、ローカルホストの WAMPSERVER セットアップでその例のコピーを参照すると、Chrome では正しく表示されますが、Firefox では正しく表示されません。
- 上記の例をハード ドライブに抽出し、Firefox または Chrome で開くと、正しく表示されます。(WAMP をバイパスします)。
- シーンのビューポートを 1 つだけ表示すると、プロジェクトが正しく表示されます。(Firefox および Chrome、localhost の WAMP 経由でロード)。
(明らかに) Firefox が好まない私のローカルホストの WAMP セットアップと関係があり、複数のビューの構成に干渉します (単一ビューの例は正常に動作するため)。おそらく、ヘッダーまたはそのようなもの。
私のコードに問題がありますか？ファイアフォックス？スリー.JS? 報奨金は最善の回避策に進みます。WAMP の設定やその他の質問について、できる限りお答えいたします。
ありがとう！
左：動かない。右：動いています。
