import GUI from "lil-gui";

const gui = new GUI();

const eventObj = {
  fullScreen: () => {
    document.body.requestFullscreen();
  },
  size: 0,
};

gui.add(eventObj, "fullScreen").name("全屏");

gui.add(cube.position, "x").min(-10).max(10).step(0.1).name("立方体位置 x");

gui
  .add(eventObj, "size")
  .min(0)
  .max(100)
  .step(1)
  .name("立方体大小")
  .onChange((value) => {
    cube.scale.set(value, value, value);
  });

import * as THREE from "three";

const scene = new THREE.Scene();

// 创建一个透视相机  第一个参数是视野范围  第二个参数是宽高比  第三个参数是近裁剪面  第四个参数是远裁剪面
const camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  1000,
);

const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
renderer.render(scene, camera);