https://twitter.com/amana_nft/status/1597382936948793344?s=20&t=Hj1jXXvtyLSN6i4akL_Law
Opensea上でLive2Dで制作したモデルを動かすことができました。 動画では分かりにくいですけどカーソルに合わせてモデルが動いています。 ここまでにやったことは
①パーツ分けイラストの作成 ②Live2Dモデリング ③Unityでモデルを動かせるようにする ④Manifoldでmintするために色々がんばる。
です。
ちなみに当初はNFTにするつもりはなく、Vtuberモデル販売サイトで販売予定でした。 モデル完成間際で作ったモデルをOpensea上で動かせたら楽しいのになあ、どうにかできないかなあと調べていたら、『できそう…?』と思ったのでやってみました。
デザインを考えてラフを描くまでは最高に楽しいです。 しかしここからパーツ分けをしながら線画を作って色を塗るという作業がまっているのです………パーツ分けをしながら……….
https://twitter.com/amana_nft/status/1589897720680304645?s=20&t=i09KJFr3yx4IkH0l_mT-GQ
レイヤー数を数えようと思いましたがあきらめました。片目で約30枚ありました。 なるべくきれいに動かそうと思ったら細かく分ける必要があるのです。 約8日かかりました。(パーツ分け苦行過ぎる😇)
楽しい楽しいLive2Dの作業です＾＾
初めにメッシュ打ちという作業をしていきます。画像みたいにパーツに点をたくさん打つ作業です。オートでもできるのですが、自分で打ったほうがきれいに動かせるので目立つパーツは自分で点を打っています。
https://twitter.com/amana_nft/status/1592717770684518406?s=20&t=kUGJWG8c4QVPwPvpS3WLEQ
く見るとまばたきするたびにおめめがぷるぷるするんですよ。この表現はLive2Dならではで好きです。目のレイヤーを30枚ほど分けた甲斐があります。 横を向いたときに耳と顔の境界線がなくなる表現も顔の色と線を分けたからできることです。 顔の色と耳の色に差があって不自然だったので、横を向いた時だけ耳にスクリーンレイヤーをかぶせて色を合わせています。(正面を向いた時と横を向いた時では耳の色が違うので見てみてください) 舌を出せたりほっぺを膨らませたり、口を曲げれたり、眉が左右非対称に動いてアニメ的な表情ができます。(しかも全部キーバインド不要) キャラクターが色んな表情をするのを見れるのがLive2Dのいいところですよね！めっちゃ楽しいです！
こういう細かいことを全身にしていきます。
皆さんLive2Dで揺れ物を揺らすってどれくらい大変だと思います？？？
わかりにくい画像なのですが赤で囲われた髪の束を8パターン変形させます。8パターンです。この髪の束は顔を横に動かす時と縦に動かす時の揺れ方は同じでもいいので8パターンで済んでいるのです。 揺らしたいものによっては横揺れで8パターン、縦揺れで8パターン計16個の変形をすることもあります。 4パターン変形させたら自動で残りの4パターンの変形はできるのですが、揺らすのって見ていると簡単そうなのに大変ですね…
余談ですが口は基本の変形9パターン、怒っている場合の口の変形9パターン、舌を出しの口の変形9×3パターン、ほっぺを膨らませる口の変形9パターン、おそらくほかにも口に関する変形をしています。そのまま流用している変形もあるのですが、変形させた数を数えるのがこわくなってきました。 (口のパーツは上から、口の上の線、口の上の肌色、口の下の線、リップ、口の下の肌色、上の歯、下の歯、舌、口内という９パーツありますそれを一つ一つ変形していきました。)
なんやかんやでLive2Dモデリングは完了します。 一日6～9時間作業して12日で終わりました。(意外と早い)(パーツ分けが大変すぎる)
ここらへんでNFTにする方法を調べ始めます。 私はイラスト以外の知識がほとんどないのでここから先に書くことは曖昧で間違っている可能性があります。すみません。
・マウスやキーボードで操作できるNFTはanimation_urlを使うらしい ・animation_urlはHTMLを読み込めるらしい ・これ↓をしたらLive2Dでを動かすHTMLページが作れそう
https://note.com/live2dnote/n/n404da78d6c65
・animation_urlは独コンが必要 →Manifoldでできる？！
できそう！？やってみるか？！？！ ということで初めてのUnityからやっていきました。
https://note.com/live2dnote/n/n404da78d6c65
ほとんどこのnoteと同じことをしました。 カーソル視線追従とクリックしたときにモーションを切り替えるということをまさにしたかったので助かりました。 モーションの作成はLive2Dで行いました。8種類あります。 本当はマウスホイールで拡大縮小もしたかったのですがよくわからなかったのであきらめました…C#を勉強しないとだめなのかしら…
Unityで作ったものを書き出して後はManifoldのチュートリアルに従うだけだ！！(３から)
https://docs.manifold.xyz/v/manifold-studio/tutorials/minting-html-pages
ふむふむPinataにアップロードしてIPFS化すればいいんだな。 よしアップロードできた！ URLをチェックするぞ！
エラーで動かない(絶望)
このエラーを解決するために色んな記事をみて、HTMLを見よう見まねで書き直したりしてたのですが別のエラーが発生しての繰り返しでだめでした。有識者の方にDMしたりもしました。(この方には時間を割いてくださったお礼にこのNFTをお渡しします。) この時自分には無理だと心折れかけていました……
色々考えて調べた結果、Pinata以外でIPFS化する方法の記事があったのでそちらを参考にしました。
https://mirror.xyz/masia02.eth/yXOMNIUMYOYdCPO_FWAOZduieexISCLKhwvwbrz1YDc
今度こそ本当にManifoldのチュートリアルに従うだけで済みました。 Unityの作業が終わってからmintするまでに2日かかりました。知っていたら1時間もかからないことなのに
で色々あって このツイートです！！！！！！！！！！！！！
完成したマウスで動かすLive2D NFTは、このリンクから0.04ETHで販売します。無制限に発行するので欲しい方は誰でも手に入れることができます。
https://app.manifold.xyz/c/devilchanlive2d
このまま販売してもせっかく描いてモデリングした表情見えにくく、画質も荒いので高画質＆顔がよく見える動画の1点物NFTも作成しました。
https://opensea.io/assets/ethereum/0x787227897d91044832854f01e2c77e2e59a1c56b/1
こちらもManifoldから作成した独コンです。 12月1日21時からopenseaにてオークション形式(24時間)で販売予定です。 こちらも併せてよろしくお願いします！
約1か月の頑張りとLive2D×NFTの面白さを知ってもらいたいので、ぜひopenseaで実際に動かして遊んでほしいです！ もし面白いとか、Live2Dすごいとか、キャラクターがかわいいとかすこしでもいいなって思ったらLive2D×NFTを拡散してもらえたら嬉しいです。
私のLive2Dの好きなところはキャラクターに色んな表情をさせられるところです。 これによってよりキャラクターの解像度が上がってより好きになってしまいます。 そういうキャラクターを引き立たせるようなことができるツールだと思います。 なので私はLive2D×NFTで二次創作がしたいと考えています！ 好きなキャラクターをどんな風に動かそうかと妄想するのが楽しくてわくわくしてます！ 作るのに1か月ぐらいかかってしまうのでLive2D新作のペースは遅いですがその間忘れないでいただけただら嬉しいです😂
最後まで読んでくださりありがとうございます。 私自身と見てくれる方々がわくわくするような作品を作り続けていきます。 これからもよろしくお願いします！