关于 ThreeJS 线宽 lineWidth 无法正常显示 太大 需要缩小 窗口缩放会影响线粗细 等问题

首先 默认threejs的线宽是无法调节的  这个大家应该都知道

官方可调节案例:

https://threejs.org/examples/?q=line#webgl_lines_fat

代码样例(就在右下角 还是贴个防呆链接吧)

https://github.com/mrdoob/three.js/blob/master/examples/webgl_lines_fat.html

 

很多人可能会出现我徒弟第一次的情况,照着下面一顿写(官方示例代码)

然后就发现屏幕白花花的根本用不了....

发现线缩小几千倍就可以用...

这是因为还少东西

一定要在 update里面 (animate) 维护线的材质.....注意红线那句话,对就是这句话

然后你就发现线就正常粗细了...

但是你会发现如果你写了窗口自适应的代码,窗口产生变化的时候...你的线可能就会出问题

注意注意 是可能

你可以参考官方代码 来进行调整 如下

因为我找到问题后直接给我徒弟了...具体没测,各位见谅

LJason 祝各位顺利

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章