エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
three.jsで太さのある線を書く - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
three.jsで太さのある線を書く - Qiita
three.jsではTHREE.Lineで線を書くことができます。この線の太さはLineBasicMaterial#linewidthで設定で... three.jsではTHREE.Lineで線を書くことができます。この線の太さはLineBasicMaterial#linewidthで設定できます。しかし、リンク先に書いてあるようにほとんどのプラットフォームでは設定によらず太さが1になってしまいます(具体的にどのプラットフォームだと駄目なのかは検証していないのでよくわかってないです...)。 太さのある線を描画するためには線に沿ってメッシュを生成して描画する必要があります。この記事では、その方法について解説します。 なお、すでにTHREE.MeshLineという同様の操作により太さのある線を簡単に描画できるライブラリが存在しているので、要件を満たせるのであればそちらを使用したほうがいいと思います。 今回作成したソースコードはGitHubに置いてあります。 aadebdeb/three-mesh-line-sample: Three.js