TypeError: ThreeJs を使用して未定義のプロパティを読み取ることができません (「位置」を読み取ります)

Question

Web サイトのヒーロー セクションの背景に 3D モデルを統合しようとしています。これは機能しますが、ウィンドウ サイズを手動で変更すると、3D モデルが新しいサイズに適応しないだけです。最初の問題に関連する可能性のあるもう 1 つの問題は、コンソールに次のエラー メッセージが表示されることです。これは、「two.js」ファイルのコードの 69 行目を参照しています。 コンソールに次のエラー メッセージが表示されます:

私の最初の仕事は、3D モデルが画面サイズに適応しない問題を解決することです。エラー メッセージに関しては、まだ動作するかどうかは問題ではありません。しかし、理想的には、2 人で両方の問題を解決できます。

＃＃＃あなたはなにか考えはありますか？

リーリー リーリー リーリー

Answer 1

サイズが変更されないのは、エラーが原因です。モデルの位置を更新しようとしていますが、この時点ではモデルがまだ定義されていないため、エラーが発生し、それ以上先に進みません。

非同期ファイルの読み込みが完了する前に、animate() 関数を呼び出すことになると思います。残りのコードはオブジェクトの読み込み時に実行されるため、最後の行に達して animate 関数が実行されますが、この時点ではモデルが未定義であるため失敗します。モデルがロードされた後にこれを実行したい場合は、それを成功関数に移動する必要があります。