前几天了解到了threejs这个库,一时间惊为天人,因为想做一个展示3d零件模型的demo,就尝试了一下,在此记录一下踩的坑
首先,一定要看文档!可以看郭大佬的中文教程http://www.yanhuangxueyuan.com/Three.js/
千万不要把希望寄托在随便找到的野博客(我开始就是想图省事拿来人家的用,明明看着一摸一样,可就是各种奇葩报错,都快疯了),一句话 博客可以拿来参考,主要还是看文档。官方也有提供各类文件,测试的时候可以直接拿来用,最起码得保证模型文件没有问题。
接下来几个我能想到得几个问题:
1.要注意模型文件要放在静态路径下
有遇到文件无论是相对路径还是绝对路径引用都会报错的情况
解决:
如果是vue2,把文件放到static下,路径写:/static/……
如果是vue3,把文件放到public下,路径写:public/……
2.加载器加载出来的图形是黑色,设置了颜色也是
可能是你没有添加光源
lightInit(){
//点光源
var point = new THREE