3d text

可以直接在js文件中引入字体文件，也可以将字体放在 public目录下

然后通过路径进行引入，一般是通过路径引入，方便管理

 

加载字体，需要 FontLoader

发现三角形太多，需要进行优化

size: 0.5,

height: 0.2,

curveSegments: 12, 曲线上点的数量

bevelEnabled: true,

bevelThickness: 0.03,

bevelSize: 0.02,

bevelOffset: 0,

bevelSegments: 5, 斜角的分段数

 

让文本居中显示

1.通过边界来 边界就是所占的空间 可以是长方体或者球体

frustum culling

为什么要有边界？

threejs不会渲染每个点，因为有些点不在照相机视野内

这样就有更好的渲染性能，scene显示的内容就是通过这种方式来计算的

 

默认使用 球形边界

computeBoundingBox 来使用矩形边界

fontGeo.boundingBox 获取边界值

Box3 并不能创建出来，它只是数学意义上的边界

 

我们要移动 geometry（移动顶点） 而不是 mesh

这样在旋转的时候 才会围绕者中心点旋转

 

使用 MeshMatcapMaterial 材质

https://github.com/nidorx/matcaps

 

怎样部署到网络上

1.传统的部署方式

2.vercel 包 非常容易使用 你也可以使用github / netlify 自动集成(包含测试和发布等自动化操作)

当你在github更新了之后，会自动感知到然后自动更新

 

npm i vercel

deploy: vercel --prod 如果不加 --prod将得到一个预览地址

当一个团队有很多账号，就有很多域名

免费的优惠一些限制：比如带宽/ deploy的次数