更新于 

如何导入从Sketchfab上下载的模型

Parcel静态文件打包

使用parcel打包前端项目时，
如果涉及到资源文件，需要使用import的方式一一导入，
如果文件很多，导入的代码需要写上很多。

可以安装另一个包：parcel-reporter-static-files-copy

https://www.npmjs.com/package/parcel-reporter-static-files-copyhttps://www.npmjs.com/package/parcel-reporter-static-files-copy

安装好之后，在根目录下创建static目录，
将静态资源放在里面，
再次parcel打包之后，
dist文件中会出现与static对应的目录和资源文件

模型导入

模型导入之后的渲染效果很暗，
即使添加了光源也没有效果，
一般导入模型后会添加环境贴图：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader'
const rgbeLoader = new RGBELoader()
const gltfLoader = new GLTFLoader()
let car
rgbeLoader.load('./assets/kitchen.hdr', texture => {
    texture.mapping = THREE.EquirectangularReflectionMapping
    scene.environment = texture
    gltfLoader.load('./assets/1975_porsche/scene.gltf', gltf => {
        car = gltf.scene
        scene.add(car)
    })
})