ics.media
配色
ics.media
WebGL と JavaScript で学ぶ3D表現
Three.js数値計算
目次
3Dでは、三角関数やベクトルの計算をする場面が多いです。実例を通して、これらを学んでいきましょう。
WebGL開発に役立つ三角関数の数式・概念
ベクトルの足し算・引き算
ベクトルの内積
ベクトルの外積
目次に戻る
公開日 :
2019年1月17日
※Three.js の2020年1月現在のリビジョン110を元に執筆しています。また、2020年秋にサイトを移転しますのでご了承ください。
Twitterでツイートする
Facebookでシェアする
サイトトップに戻る
入門編
入門編
マテリアルとライティング
ジオメトリ
カメラの制御方法(座標制御)
カメラの制御方法(OrbitControls)
基本編
マテリアル
ライト
影
カメラ
フォグ
スプライト
グループ
ワールド座標
スクリーン座標
モデルデータの読み込み
中級編
canvasのリサイズ処理
オブジェクトとの交差を調べる
パーティクルを大量に表示
ジオメトリの結合
ECMAScript 2015+
classを利用する(継承)
classを利用する(メソッド)
応用編
三角関数、ベクトル、行列
エフェクト
シェーダー
オフスクリーンキャンバス
モダンな開発環境
次世代の仕様
XR