Skip to content
Go back

Three.js GLTF模型,模型导入(四)

Updated:  at  11:44 AM

GLTF模型简介

模型文件类型太多了,这里主要以 GLTF 格式来操作,其他格式按需自用就行。

GLTF格式

  1. glTF

glTF 这种格式是一种默认格式。该文件是一个 JSON 文件,可以在编辑器中打开。它包含各种信息,如摄像机、灯光、场景、材质、对象转换等,但不包括几何图形或纹理,这些文件是二进制文件,无法像这样读取。它通常包含几何图形等数据以及与顶点相关的所有信息,如 UV 坐标、法线、顶点颜色等。
鸭子的纹理 Duck.gltf Duck0.bin DuckCM.png 在加载此格式时,我们只加载包含其他文件引用的文件,这些文件将自动加载。

  1. glTF-Binary

这种格式仅由一个文件组成。它包含我们以 glTF 默认格式讨论的所有数据。这是一个二进制文件,您不能仅在代码编辑器中打开它来查看里面的内容。
这种格式可能更轻,加载起来更舒适,因为只有一个文件,但您将无法轻松更改其数据。例如,如果您想调整纹理大小或压缩纹理,则无法与其余部分合并,因为它位于该二进制文件内。

  1. glTF-Draco
  1. glTF-Embedded

导入模型

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';


Previous Post
Three.js Webgl动画,物理碰撞引擎(三)
Next Post
Three.js 着色器(五)