shingoushori's dialy

音信号処理を専ら研究していた元博士後期課程の学生によるメモ

VRM

VRM を読み込んで ~ 英文をチョップできるようにしてみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、zangyou以外もチョップできるようにしてみました。といっても英文字だけです。フォントの都合です。こまった。 直接関係ないやつ(site表示,PNG書出,zangyou,チョップ,腕あたりの関節の角度を…

VRM を読み込んで ~ ギターの画像入れて弾いてる振り右手だけ

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、ギターを弾いた振りします、右手だけ、がしょがしょと。 上の方の [Select or Drop files here] にVRMを入れると、ギターを構えてる風の両腕になるはずです。pixivのGitHubに three-vrm-girl.…

VRM を読み込んで ~ ギターの画像入れてぐるぐるしよう

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、ギターをぐるぐるします。下の方の [Select or Drop files here] に画像を入れると、ギターっぽく斜めに出します。これを [ぐるぐる] のスライダーでぐるぐるできます。 直接関係ないやつ(sit…

VRM を読み込んで ~ 🎃 がくるくるするようにサンプルコードを改造してみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、さまざまなアイコンがくるくるするサンプルコンテンツに放り込んでみた ... やつを改造して、 がくるくるするように改造してみました。Happy Halloween VRMを [Drop VRM files here] すると…

VRM を読み込んで ~ Glitch してみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、Glitchしてみました。といってもオリジナルでなく、3Dやる Three.js さんのサンプルにあったやつを載せただけですが。 直接関係ないやつ(site表示,PNG書出,zangyou,チョップ)は過去の残しっぱ…

VRM を読み込んで ~ ギターの画像入れてチョップしよう

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、ギターをチョップします。下の方の [Select or Drop files here] に画像を入れると、ギターっぽく斜めに出します。これを [チョップ] のスライダーでチョップしましょう。 直接関係ないやつ(s…

VRM を読み込んで ~ 腕あたりの関節の角度を数値指定してみる

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、腕あたりの関節の角度を数値指定してみます。 直接関係ないやつ(site表示,PNG書出,zangyou,チョップ)は過去の残しっぱなし。 VRMを [Select or Drop files here] すると、zangyou をチョップ…

VRM を読み込んで ~ zangyouをチョップさせる動画を書き出してみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、動画で書き出してみました。Googleさんが流行らそうとしているらしいWebMへは簡単に出せました。しかし、WebMは不便です。YouTubeには上げられてもTwitterには上げられず、QuickTimeだと再生/…

VRM を読み込んで ~ さまざまなアイコンがくるくるするサンプルコンテンツに放り込んでみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、さまざまなアイコンがくるくるするサンプルコンテンツに放り込んでみました。これまでは zangyou だけだった訳ですが、それは絵文字は愚かひらがなすら出せなかったんです、フォントの都合で…

VRM を読み込んで ~ その後ろにどこぞのsiteを表示してみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、背景にどこぞのsiteを表示させてみました。とりあえず、CC(クリエイティブ・コモンズ)らしいNASAの地球を持ってきてみました。Space Cats ならぬ Space zangyou です。 VRMを [Drop VRM files…

VRM を読み込んで ~ 背景透過PNGで書き出してみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、背景透過PNGで書き出してみました。ライブラリは『pixiv three-vrm』です。pixivのGitHubに three-vrm-girl.vrmっていうデモな3Dモデルさんがいらっしゃいます。なので [testModel] ボタンで…

VRM を読み込んで ~ zangyouをチョップさせてみた ~ Leap Motion ~ pixiv three-vrm で作り直し編

VRM - VR向け3Dアバターフォーマット - を読み込みます。今回は、「VRM を読み込んで ~ zangyouをチョップさせてみた ~ Leap Motion編」を、『pixiv three-vrm』で作り直しましたです。VRMは、VRoid StudioやUnityのバージョンとかで、読めたり読めなかった…

VRM を読み込んで ~ zangyouをチョップさせてみた ~ Leap Motion編

VRM - VR向け3Dアバターフォーマット - を読み込んでみます。VRMのページ : https://vrm.dev/今回は zangyou をチョップ の、Leap Motion 版です!VTuber界隈ではLuppet さんで有名な、ハンドトラッキングできるデバイスです。 チョップの仕方です。Leap Mot…

VRM を読み込んで ~ zangyouをチョップさせてみた

VRM - VR向け3Dアバターフォーマット - を読み込んでみます。VRMのページ : https://vrm.dev/今回は zangyou をチョップです。フォントは helvetiker 。Helvetica じゃないの?と思いつつ、threejs搭載のTextGeometryを使ってみました。 音量部分はいつぞや…

pixiv three-vrm のサンプルをコピペしてみた

VRM - VR向け3Dアバターフォーマット - を読み込みます。VRMのページ : https://vrm.dev/今回は『pixiv three-vrm』です。blendshapesのサンプルをコピペしてみました。 Webアプリケーションで3Dアバターモデルを簡単に扱える『pixiv three-vrm』をOSSとして…

VRM を読み込んで ~ 音量に合わせてチョップさせてみた

VRM - VR向け3Dアバターフォーマット - を読み込んでみます。VRMのページ : https://vrm.dev/今回は 音量に合わせてチョップです。 音量部分はいつぞやのWebAudioAPIのサンプルからコピペ、無駄にミキシング & 1 kHz に反応です。もっとミニマムなサンプルも…

VRM を読み込んでみた ~ Three.js で表示

VRM - VR向け3Dアバターフォーマット - を読み込んでみます。VRMのページ : https://vrm.dev/今回は Three.js で表示するところまで。 Drop files here // ' + strVRMmeta + ''; var strConfirm = 'モデルの利用規約をご確認の上でのご活用をお願いいたしま…

VRM を読み込んでみた ~ meta 情報の取得

VRM - VR向け3Dアバターフォーマット - を読み込んでみます。VRMのページ : https://vrm.dev/ざっくり、glTF2.0ベースで人体モデル + ライセンスデータ (meta情報?) らしい。とりあえず。今回は meta 情報が取得できました。Three.js で表示するところまでい…