Web サイトのヒーロー セクションの背景に 3D モデルを統合しようとしています。これは機能しますが、ウィンドウ サイズを手動で変更すると、3D モデルが新しいサイズに適応しないだけです。最初の問題に関連する可能性のあるもう 1 つの問題は、コンソールに次のエラー メッセージが表示されることです。これは、「two.js」ファイルのコードの 69 行目を参照しています。 コンソールに次のエラー メッセージが表示されます:
私の最初の仕事は、3D モデルが画面サイズに適応しない問題を解決することです。エラー メッセージに関しては、まだ動作するかどうかは問題ではありません。しかし、理想的には、2 人で両方の問題を解決できます。
＃＃＃あなたはなにか考えはありますか？リーリー リーリー リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
サイズが変更されないのは、エラーが原因です。モデルの位置を更新しようとしていますが、この時点ではモデルがまだ定義されていないため、エラーが発生し、それ以上先に進みません。
非同期ファイルの読み込みが完了する前に、
animate()関数を呼び出すことになると思います。残りのコードはオブジェクトの読み込み時に実行されるため、最後の行に達して animate 関数が実行されますが、この時点ではモデルが未定義であるため失敗します。モデルがロードされた後にこれを実行したい場合は、それを成功関数に移動する必要があります。