three.js添加文字
现在网上流传的three.js
添加文字普遍非常复杂,并且不全或者显示不出来
今天给大家分享一个简单的方法
如果显示不出可以私信或评论
文章目录
- 准备
- 代码
准备
开发环境
示例目录,大家可以根据自己的情况调整
|-demo.html
|-js (folder)
| |-three.min.js (three.js和three.min.js都一样)
| |-...
|-...
演示的HTML文件是demo.html
文件准备
下载three.js
的build
目录以及/examples/fonts/
目录
将整个three.js
下载下来有点麻烦,大家可以看我的文章three.js
中的下载
部分,里面有只下载部分文件的方法
https://blog.csdn.net/twxwjh/article/details/107077201
font目录下的都是字体文件,我们浏览一下
字体 | 字重 | 风格 | 文件路径 |
helvetiker | normal | normal | /examples/fonts/helvetiker_regular.typeface.json |
helvetiker | bold | normal | /examples/fonts/helvetiker_bold.typeface.json |
optimer | normal | normal | /examples/fonts/optimer_regular.typeface.json |
optimer | bold | normal | /examples/fonts/optimer_bold.typeface.json |
gentilis | normal | normal | /examples/fonts/gentilis_regular.typeface.json |
gentilis | bold | normal | /examples/fonts/gentilis_bold.typeface.json |
droid sans | normal | normal | /examples/fonts/droid/droid_sans_regular.typeface.json |
droid sans | bold | norm |