Three.js journey 学習メモ
まりーな新しくCertificateが増えている
頑張るか
まりーなcodeSandboxでやろうかと思ったけど色々めんどいのでおとなしくローカルでやった
まりーなそういえばなんで Three.jsってcanvas使うんだろう？
<canvas class="webgl"></canvas>
MDNを見てみよう
HTML の <canvas> 要素 と Canvas スクリプティング API や WebGL API を使用して、グラフィックやアニメーションを描画することができます。
まりーななるほど
WebGL: ウェブの 2D および 3D グラフィック
WebGL (Web Graphics Library) は、互換性があるウェブブラウザーでプラグインを使用せずにインタラクティブな 3D グラフィックや 2D グラフィックをレンダリングするための JavaScript API です。HTML の <canvas> 要素へ OpenGL ES 2.0 に密接に従った API を導入することにより、WebGL を実現します。これにより、ユーザーの端末が提供するハードウェアのグラフィックアクセラレーションを API で利用することが可能になります。
これを簡単に扱えるようにしたものがThree.jsというわけか
まりーなこのあたりも目を通した
まりーな
github pageってpublic repoじゃないとできないか
まりーな05 オブジェクトの変換
確認した公式ドキュメント
Object3D のクラス .position
positon自体は,Vector3クラス
その中にlengthがある
まりーなrotationプロパティはオイラー
まりーな基本からやりなそう
まりーな今日はアニメーションを見てみる
Window.requestAnimationFrame() ってなんじゃろか？と思ったので基本に立ち戻ってMDNを見る
まりーなぐるぐる
まりーなちょっと時間が空いたけど 07 cameraに取り組み始めた