threejsの基本geometryは、indexバッファ使ってなかったから簡単にとげとげにできた。#threejs pic.twitter.com/T1rvlU4ZEp— ma38su (@ma38su) 2022年4月23日 コードはこんな感じ。正二十面体の各面に対して、まず面の法線と重心を求めて、重心から法線方向…

Viteはthreejsで使うときも、基本、そのまま使えますが、 多少のご作法は理解しておく必要がありましたので、メモを残しておきます。 JSのコード中で読み込むアセットの取り扱い jsでimportなどせずにパスやURLを指定して読み込むテクスチャやフォントなどで…

与えられた点がモデルの平面上にあるかどうかを判定するコードをthreejsで書いたのでメモしておきます。 三角形ポリゴンを前提としています。 geomにはTHREE.Geometry、ptにはTHREE.Vector3が渡されるとします。 （THREE.Geometryは公式ではもう廃止されてた…

threejsで大規模なモデル操作とか始めるとTypescriptの型サポートはとても助かる。 以前にも書いていたことがあったが、古かったので消して、代わりに2020年度時点の環境設定を残しておく。 package.json { "name": "threejs-tutorial", "version": "0.0.1",…

Metaseqoiaで編集している3Dモデルをtheeejsで表示すると、透過なMaterialが反映されないという問題があった。 調べてみたところ変換したglbのモデルは、 opacityの値によらずtransparentがfalseになっていた。 そこで、opacityが1未満のMaterialのtranspare…