webgl - キャンバスの2Dラインのように幅のあるパスを描画する方法

Question

キャンバスの2DlineToのように幅のあるパスを描画する方法。THREE.Lineは私の要件に非常に近いと思いますが、一部のプラットフォームでは、線の幅を1より大きくすることはできないことがわかりました。この目的を達成するための代替手段はありますか？どうもありがとう！

Answer 1

線幅（およびキャップなど）は、線ではなく、マテリアルの属性として設定されます。したがって、（テストとして）material.linewidth = 3を割り当てて、試してみてください。詳細については、THREE.LineBasicMaterialのbuild/three.jsコードリストを参照してください。

Answer 2

線幅の制限を回避するには、GL に依存して太い線を描画するのではなく、自分で線のジオメトリを三角形として生成する必要があると思います。ただし、canvas2d ラインはいくつかの奇妙なことを行います (http://jsfiddle.net/greggman/hWmWT/)

もう 1 つの方法は、線画コードに 2 次元オフセットを追加し、毎回オフセットを変更して同じ線を複数回描画することです。

http://github.com/corbanbrook/webgl-2dに必要なものがあるかもしれません