エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
three.jsで正四面体を展開する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
three.jsで正四面体を展開する - Qiita
TL;DR three.jsを使った立体図形の表示に関しては説明しているサイトが多くありましたが、その図形の展... TL;DR three.jsを使った立体図形の表示に関しては説明しているサイトが多くありましたが、その図形の展開方法についてはありませんでしたので一例としてまとめました。 HTML、JavaScript、three.jsについてある程度の知識を持っている方を対象としています。 three.jsを使って正四面体を展開するときのポイントは次の通りです。 CylinderGeometry(三角柱)を4枚合わせる 各面の中心点(メッシュのposition)の「位置」を計算する 底面に対する各面の回転角を計算する 回転にQuaternionを用いる(回転軸を定義する) 計算には「ピタゴラスの定理」と「三角関数」を用いる 角度はラジアンで計算する 開発環境 OS : Microsoft Windows 10 Home プロセッサ : Intel(R) Core(TM) i7-7500U CPU @ 2