マガジンのカバー画像

JavaScript入門

89
本
JavaScript関連のノートをまとめました。
運営しているクリエイター
npaka

#3D

three.js 入門 (13) - Colladaファイルの読み込み

Colladaファイルの読み込み方法をまとめました。 前回1. モデルの準備今回は、three.jsのexam…

npaka
npaka
2年前
6

three.js 入門 (12) - OBJファイルの読み込み

OBJファイルの読み込み方法をまとめました。 前回1. モデルの準備今回は、three.jsのexamples…

npaka
npaka
2年前
7

three.js 入門 (11) - 画像テクスチャと動画テクスチャ

「three.js」で動画テクスチャを使う方法をまとめました。 前回1. 画像テクスチャの実装「thr…

npaka
npaka
3年前
7

three.js 入門 (10) - 環境マッピング

「three.js」で環境マッピングを行う方法をまとめました。 前回1. 環境マッピング環境マッピ…

npaka
npaka
3年前
1

three.js で VRM を表示する (5) - 背景の透過

「three.js」の背景を透過する方法をまとめました。 前回1. 背景の透過「three.js でVRMを表…

npaka
npaka
3年前
8

three.js で VRM を表示する (4) - モーションキャプチャーによるアニメーションのエ…

前回、Unityのアニメーションのエクスポートを行いましたが、Unityのアニメーションの作成も面…

npaka
npaka
3年前
7

three.js 入門 (9) - ラインの描画

以下の記事が面白かったので、ざっくり翻訳しました。 ・Drawing lines – three.js docs 前回1. ラインの描画ラインの描画手順は、次のとおりです。 (1) レンダラー、シーン、カメラを生成。 // レンダラーの生成const renderer = new THREE.WebGLRenderer();renderer.setSize(window.innerWidth, window.innerHeight);document.body.app

npaka

three.js で VRM を表示する (3) - Unityからのアニメーションのエクスポート

前回、three.jsのアニメーションを実装しましたが、タイムライン情報を手作業で作るのは面倒な…

npaka
npaka
3年前
8

three.js で VRM を表示する (2) - キーフレームアニメーション

three.jsのアニメーションシステムを使って、キーフレームアニメーションを実装します。 前回…

npaka
npaka
3年前
7

three.js 入門 (8) - アニメーションシステム

以下の記事が面白かったので、ざっくり翻訳しました。 ・Animation system – three.js docs …

npaka
npaka
3年前
6

three.js 入門 (7) - 3Dモデルの読み込み

以下の記事が面白かったので、ざっくり翻訳しました。 ・Loading 3D models – three.js docs…

npaka
npaka
3年前
5

three.js 入門 (6) - Matrix変換

以下の記事が面白かったので、ざっくり翻訳しました。 ・Matrix transformations – three.js…

npaka
npaka
3年前
4

three.js 入門 (5) - オブジェクトの破棄

以下の記事が面白かったので、ざっくり翻訳しました。 ・How to dispose of objects – three…

npaka
npaka
3年前
2

three.js 入門 (4) - オブジェクトの更新

以下の記事が面白かったので、ざっくり翻訳しました。 ・How to update things – three.js docs 前回1. オブジェクトの更新デフォルトでは、全てのオブジェクトは、シーンに追加されている場合、Matrixを自動的に更新します。 const object = new THREE.Object3D();scene.add(object); シーンに追加された子に追加されている場合も同様です。 const object1 = new THRE

npaka