QA
如何绘制文字
-
使用 FontLoader + TextGeometry,可以使用工具 Facetype.js 转换字体文件
能展示已经定义的文字;但是无法处理文本的一些特性,例如字间距,换行等等
-
使用 Canvas 2D 绘制文字,转换为图片后,再做为纹理
可以根据字体文件渲染文字;但是需要消耗一定的性能,且 Canvas 生成的乃是像素图,在镜头靠近的时候,可能会存在锯齿
-
预处理字体文件为纹理,使用文字时,计算该文字距边缘的距离
-
使用 CSS3DRenderer
-
使用 HTML + CSS
实现简单,可以根据字体文件渲染文字;但是悬浮于场景之上,不受控制,例如无法被其他物体遮挡
-
使用三方库,例如 Troika Three Text
troika-three-text 易用,性能较高