shingoushori's dialy

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

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

VRM - VR向け3Dアバターフォーマット - を読み込みます。
今回は、Glitchしてみました。
といってもオリジナルでなく、3Dやる Three.js さんのサンプルにあったやつを載せただけですが。

直接関係ないやつ(site表示,PNG書出,zangyou,チョップ)は過去の残しっぱなし。

VRMを [Select or Drop files here] すると、zangyou をチョップする感じで読み込まれるはずです。pixivのGitHubに three-vrm-girl.vrmっていうデモな3Dモデルさんがいらっしゃいますので、 [testModel] ボタンでご召喚できるようにしてます。

後ろのsiteがどんなurlにまで対応しているかは謎です。そのsiteを用いる上での権利やセキュリティについては、このコンテンツでは全く処理していません。このコンテンツを利用したことによるいかなる責任も負いません。自己責任でお願いします。

or Drop files here

               

 
 

チョップ

Three.js でも canvas に書き出しているので、canvasでglitchする楽しそうな記事を試そうとしました。
しかし、canvasの画素値が取得できず断念。
Three.js だからなような?できそうでできないのが悲しい。


[参考文献]

@pixiv/three-vrm three-vrm-girl.vrm

examples of @pixiv/three-vrm blendshapes.html Control facial expression using blend shapes

https://github.com/pixiv/three-vrm

たのしいglitch

three.js examples - postprocessing / glitch

Three.jsでポストプロセスを試してみる

Three.jsのポストプロセスでフィルタをかける

Post Processing with three.js