3d text

发布时间 2023-04-10 16:30:32作者: escapist
可以直接在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 来使用矩形边界
Box3 并不能创建出来,它只是数学意义上的边界
 
我们要移动 geometry(移动顶点) 而不是 mesh
这样在旋转的时候 才会围绕者中心点旋转
 
使用 MeshMatcapMaterial 材质
https://github.com/nidorx/matcaps
 
怎样部署到网络上
1.传统的部署方式
2.vercel 包 非常容易使用 你也可以使用github / nerlify 自动集成(包含测试和发布等自动化操作)
当你在github更新了之后,会自动感知到然后自动更新
 
npm i vercel
deploy: vercel --prod 如果不加 --prod将得到一个预览地址
当一个团队有很多账号,就有很多域名
免费的优惠一些限制:比如带宽/ deploy的次数