如何使用三个js加载gltf文件

<div id="canvas-container"></div>

function init() {
  // 创建场景
  var scene = new THREE.Scene();

  // 创建相机
  var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
  camera.position.z = 5;

  // 创建渲染器
  var renderer = new THREE.WebGLRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.getElementById('canvas-container').appendChild(renderer.domElement);

  // 加载gltf文件
  var loader = new THREE.GLTFLoader();
  loader.load('path/to/your/model.gltf', function (gltf) {
    scene.add(gltf.scene);
  });

  // 渲染场景
  function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
  }
  animate();
}

// 调用初始化函数
init();

<script src="path/to/three.min.js"></script>
<script src="path/to/GLTFLoader.js"></script>