ブラウザの幅を変えたときにキャンバスを全体にフィットするようにリサイズ

function init() { // リサイズしたら自動でウインドウをリサイズする window.addEventListener("resize", onWindowResize); } // リサイズしたときに画面いっぱいいっぱいにする function onWindowResize() { renderer.setSize(window.innerWidth, window.innerHeight); camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); }

バーをクリックすると以下それぞれの情報を表示してくれます。FPSFrames rendered in the last second. The higher the number the better.最後の 1 秒間にレンダリングされたフレーム。数値が高いほど良い。MSMilliseconds needed to render a frame. The lower the number the better.フレームのレンダリングに必要なミリ秒。数値が低いほど良い。MB MBytes of allocated memory. (Run Chrome with --enable-precise-memory-info)割り当てられたメモリのメガバイト。(Chrome を --enable-precise-memory-info で実行)CUSTOMUser-defined panel support.ユーザー定義パネルのサポート

import Stats from "./jsm/libs/stats.module.js"; let container, stats; animate(); // 記述する場所を変更 function init() { // divを作成しそこに描画 container = document.createElemen