マガジンのカバー画像

JavaScript入門

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

#VRM

【VRMA正式リリース】 three-vrm による VRMアニメーション を試す

「three-vrm」による VRMアニメーションを試したので、まとめました。 1. はじめに2024年2月2…

npaka
7か月前
37

Meta Quest Pro で WebAR による3Dモデル表示を試す

「Meta Quest Pro」で「WebAR」を試したので、まとめました。 1. 開発環境の準備 開発環境の…

npaka
1年前
10

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

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

npaka
3年前
8

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

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

npaka
3年前
7

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

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

npaka
3年前
8

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

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

npaka
3年前
7

jeelizWeboji で顔認識

1. jeelizWebojijeelizWeboji は、3DモデルやSVGアニメ用に設計された、顔認識のJavaScriptライブラリです。 特徴は、次のとおりです。 ・顔の位置の検出 ・顔の回転の検出(3軸) ・顔の表情の認識(11種類) ・モバイル対応 今回は、jeelizWeboji の顔認識の結果を、「VRM の表示」で準備したVRMモデルに反映させてみます。 2. VRM の準備「TypeScript + webpack + three.js で VRM

three.js で VRM を表示する (1) - 事始め

three.js を使ってブラウザ上で VRM を表示する方法をまとめました。 前回1. 開発環境の準備 …

npaka
4年前
14