7name/BLOG

備忘録

まうちゃん制作過程

先日FaceRigで動かすためのLive2Dモデルを作ったので、その制作過程の備忘録です。
まだまだ最低限動かせるようになっただけなので、表情やモーションなどを追加してアップデートしていく予定です。

 

#01


アートメッシュ作成

自動生成はあんまりキレイじゃないので全部手を入れます。
細かすぎるとあとかシンドいのでなるべく大きめを心がけていますが慣れていないのでよく出戻ります。

デフォーマ作成
サンプルデータを参考にしながら、大きいところから作り、親子関係を作っていきます。
大体組めたらあとはパラメータ付けるときに再度手を入れるので、とりあえずパーツを管理しやすいように整理する感覚でやっていきます。

開閉

f:id:amn7name:20180412174003g:plain
下まつげが閉じたときに良い感じに機能してくれて、
閉じたとき用のパーツを付ける必要がなくシームレスな開閉を作れました。

FaceRigでは開いた状態は1ではなく0.75にするのが良いらしいので、そのようにしてみました。

角度Z

f:id:amn7name:20180412174249g:plain
親の顔の回転デフォーマのみ動かした状態です。

 

#02


上下、左右、角度、変形

f:id:amn7name:20180412174505g:plain
細眉のほうが感情表現作りやすいっていうのは絵を描いているときから気づいていました。
たくあん眉は正義だと思います。

f:id:amn7name:20180412174653p:plain
それぞれデフォーマを分けることでパラメーターのコンフリクトを防いでいます。

開閉

f:id:amn7name:20180412174953p:plain
見開いた1.5

笑顔

f:id:amn7name:20180412175052p:plain
閉じた状態の目の変形の作成。

開閉

f:id:amn7name:20180412195235g:plain

変形

f:id:amn7name:20180412195421g:plain
悲しみ-普通-嬉しい
あいうえおを作るパタンも作ってみたい。

前歯 切替

f:id:amn7name:20180412195548p:plain
ねずみ娘だし前歯はデフォであったほうがいいんですかね。

頬 切替

f:id:amn7name:20180412195702g:plain
不透明度を変えています。

#03


ネズミ耳

下がり、上げで作成
f:id:amn7name:20180412195851g:plain

角度Z

f:id:amn7name:20180412200301g:plain
前髪と横髪を揺らしました。

前髪揺れ 横髪揺れ

f:id:amn7name:20180412200439g:plain
左右に揺らしました。

後ろ髪揺れ

f:id:amn7name:20180412200544g:plain
上下に揺らしました。

f:id:amn7name:20180412200803g:plain
頭と三つ編みとをグルーでつないでいます。

#04


呼吸

f:id:amn7name:20180412202227g:plain
基本は全体のデフォーマを少し上下に揺らせば十分だと思いますが、
FaceRigだと顔がよく動くのでそれだと気づきにくいと思い、腕を少し回転させ大胆めに動かしています。

角度

f:id:amn7name:20180412201015g:plain
下絵を描いたほうが確実に捗ります。(時すでに遅し)
デフォーマをコピペして左右反転する方法があるようですがよく分からなかったので手付けで調整していきました。もっと気軽に出来るようになってほしいです。
四隅は自動生成しています。

体の回転X

f:id:amn7name:20180412201212g:plain
胴体を捻らせてます。
胸辺りのシワを大きめに動かしたり、腕を大きめに動かすとそれっぽくなります。

物理演算

f:id:amn7name:20180412201746g:plain
髪の毛・ネクタイ・しっぽを動かしています。
しっぽはスキニングでぬるぬる動くようにしましたが、FaceRigだと見えないですね。

まとめ

今回は前回と違い、左右対称に動く正統派なモデル制作を行いました。
7name.hatenablog.com

今回はもっと物理演算ゴリゴリの髪揺れをしたかったんですが、好みを詰め込んでデザインをしたら全然揺れないキャラクターが出来上がりました。
モデル制作は3回目、前よりは迷うことが無く作業を進めることが出来たと思います。

パラメータの動きはサンプルモデル初音ミクを参考にしています。
動かすパラメータはFaceRig対応のテンプレートを参考にして最小限の動きだけにある程度絞っています。
表情アニメーションをつけたり腕を動かしたりアップデートしていきたいと思います。

FaceRigへのデータの持って行きかたは次回の記事にまとめます!

FaceRigでの配信方法

FaceRigを用いたYotube配信方法を調べてみたので、その備忘録です。

用意するもの

私はこれを買いました。カメラとマイクがセットになっています。1800円。
この手の機材には疎いので、何が良いかは分かりません。おすすめ教えてください。

ちなみに

私のチャンネルはこちらです。
名前設定間違えてナメナになっちゃった…(間違えまくって変更規制かかった)
www.youtube.com

FaceRigの設定

日本語化

f:id:amn7name:20180331163948g:plain
画面上部にあるメニューの一番右のアイコンをクリックするとメニューが増えます。

f:id:amn7name:20180331164620j:plain
歯車→お気に入り設定→言語 から日本語を選択すれば日本語化は完了です。

キャリブレーション

f:id:amn7name:20180331170347j:plain
自分の表情とアバターの表情を一致させる設定です。
普通の顔の状態で設定をすると、その状態がアバターの初期値になります。

アクション設定

FaceRigでは、キャプチャだけでは補えない動き(手を挙げる、頬を染める 等)をキーボードショートカットを使って補完します。
最初にアバター設定からカスタム動作を有効にチェックを入れてください。
f:id:amn7name:20180331164951j:plain
アバター→行動

f:id:amn7name:20180331165408j:plain
歯車→お気に入り設定→キーバインド

f:id:amn7name:20180331170921g:plain
かわいい~~

背景を変更

f:id:amn7name:20180331171309j:plain
画面と合成するために背景を黄緑色に変更します。
背景→ギャラリー→グリーンスクリーン

OBSの設定

次は配信をするための設定を行っていきます。
映像や音声の設定については省きます。(よくわかっていません)

Youtube配信情報の登録

f:id:amn7name:20180331172102j:plain
設定を開きます。(最初場所に気づかなかった

f:id:amn7name:20180331172258p:plain
ここには自分のキーを入力します。

f:id:amn7name:20180331172520j:plain
ストリームキーは、Youtube→クリエイターツール→ライブストリーミング の下部にあります。

画面を映す

f:id:amn7name:20180331172905j:plain
ソースに映したいものを追加して、画面を作ります。
レイヤーみたいに好きにレイアウト出来て、かなり手軽ですね…。(そういうもの?)

FaceRigを追加

f:id:amn7name:20180331173128j:plain
f:id:amn7name:20180331173259j:plain
+→映像キャプチャデバイス→OK→FaceRig Virtual Camera→OK

f:id:amn7name:20180331173339j:plain
配置が出来ました。
画面をドラッグで移動、枠をドラッグすると拡縮することが出来、好きな位置に配置が出来ます。

背景を抜く

f:id:amn7name:20180331173641j:plain
FaceRigのソースを右クリック→フィルタ

f:id:amn7name:20180331173822j:plain
f:id:amn7name:20180331173943j:plain
抜けました。

画面を追加する

ソース→+→ウィンドウキャプチャなどを選択し、映したい画面を選択します。

配信開始

f:id:amn7name:20180331174259j:plain

f:id:amn7name:20180331162148g:plain
これであなたもバーチャルユーチューバー!

思った以上に手軽に導入できたので、皆さんもぜひやってみてください。
結構面白かったので、そのうち何かやるかもしれません。

何かありましたら、コメントやTwitter質問箱にお気軽にどうぞ!

お寿司を送る

サボテンの植え替え🌵

こんにちは、ナナメです。

先日年に1回行う植え替え作業をしたのでその記録をまとめます。

 

はじめに

多肉植物は年に1回、植え替えをして生長をする植物です。

1年も同じ鉢に植えていると、

根が伸びきってしまい、これ以上伸びることができなくなったり、

土が砕かれていくため、水はけが悪くなったりします。

そのため環境を整えるために植え替えをする必要があります。

 

というわけで、土やらを買いに行くためホームセンターに買い出しに行きました。

事前に買い足す鉢をメモしておくことが非常に重要です。(自分への戒め)

今回それを忘れたので後から買い足しにいくはめになりました…。

 

購入品

f:id:amn7name:20180319093055j:image

今回購入した植物たち。

多肉、ハートカズラアデニウム、ウンベラータなど。

毎年植え替えのたびに買い足していっているんですが、だんだん多肉やコーデックス、観葉植物とサボテン以外の植物も興味を抱くようになってきてるなと思います。

それと素焼き鉢を15鉢くらい、IB化成(N−P−K 10−10−10)、日向土、観葉植物の土を購入しました。

 

作業開始

サボテンを鉢から抜いて古い土を落として行きます。

f:id:amn7name:20180319093126j:image

f:id:amn7name:20180319093141j:image

 

一番左は雷神閣。徒長もせず均一な太さで生長してくれているのが嬉しいです。

紫になっているのは寒さと脱水による症状だそうです(スーパーサボテンタイムさんより)。

裏面は綺麗な緑色です。

 

f:id:amn7name:20180319093153j:image

すべて終わりました。

総じて細かい根が広がっている印象がありました。

 

植え替え

[赤玉土50%、腐葉土15%、軽石30%、ゼオライト、くん炭10%]を混ぜた土を使います。

多肉類は気持ち水不足気味だったので、腐葉土の割合を増やしてみます。

鉢底石、土、マグァンプ、土の順で入れ、植えつけていきます。

元肥は根に触れさせないようにして入れるタイプです。

f:id:amn7name:20180319093223j:image

f:id:amn7name:20180319093236j:image

f:id:amn7name:20180319093244j:image

 

f:id:amn7name:20180319093252j:image

十二の巻

去年蚤の市で購入したセメント鉢に植え付けてみました。かわいい。

 

f:id:amn7name:20180319093317j:image

ハートカズラ

増やしてモッサモサにしたい。

 

f:id:amn7name:20180319093333j:image

フォーカリア

写真検索するとモンスター感出てるんだけど、ああなるのかな…。

 

f:id:amn7name:20180319093412j:image

ヒマツリ

 

さいごに

終わった頃には18時過ぎになってしまって、

もう1日以内に作業を終わらせるのは辛くなってきたかもしれません。

また、3月中旬はまだ寒さが残るので、温度の安定する4月ごろの方が良いなと思いました。(去年は5月の暑い日にやり、来年はもっと早い時期にやろうと決めていたのでした)

今回は急ぐあまり、あんまり根の整理をしていないので、来年はしっかりやります。(メモ)

ウンベラータは室内で管理し、それ以外は簡易温室で管理をしていきます。

時々写真をTumblerにアップしているので、興味がある方はご覧ください。

ゲーム「Snapimals」

f:id:amn7name:20180320001804p:image

動物のモデルが可愛かったのでインストールしました。

動物たちの写真を撮影していくスナップゲームです。

 

f:id:amn7name:20180320001840p:image

色んなステージがあり、場所によって出現する動物が変わります。

 

f:id:amn7name:20180320001853p:image

自動で前に進んでいき、枠外をスワイプで視点を変え、枠内タップで撮影します。

左下のボタンでズーム、右下のボタンでおもちゃを投げることが出来ます。

 

自動で前に進んでいくためなかなか難しいです。

 

f:id:amn7name:20180320133412g:plain

見切れちゃった!!

 

f:id:amn7name:20180320001946p:image

最大5枚撮影でき、最後に3枚を選びます。

 

f:id:amn7name:20180320001959p:image

1枚ずつ採点され、点数に応じてコインなどを入手できます。

 

f:id:amn7name:20180320002012p:image

課題の写真があり、それを撮影すると自分のミュージアムに展示することができます。

 

f:id:amn7name:20180320002024p:image

街ゲーの要素もあり、自分のミュージアム、島を発展させ収益を上げていくのが目的です。

 

f:id:amn7name:20180320002035p:image

結構広い!

 

マップの鮮やかな色彩と、ちょっとゆるい動物たちが非常に可愛く、何回でも写真を撮りに出かけたくなります。

(写真を撮りにいくのにスタミナなどは消費しません!)

この先進めていくと氷河や古代に行けたり、出会える動物たちのバリエーションが結構あるみたいです。

ポップだけどシンプルなUIもビジュアルを邪魔せず可愛いです。

無料なのにかかわらず、広告も無くボリュームもありそうなので、ぜひ遊んでみてください!

課金要素は建設するためのリソースが足りないときや建設時間の時短をすることができます。

 

f:id:amn7name:20180320002437p:image

まさかのパーフェクト…

 

Snapimals

iOS

Android

ゲーム「EXIT HERO」

f:id:amn7name:20180315235639p:image

アイコンとサムネイルが可愛かったのでインストールしてみました。

 

市民をゾンビから守るゲームで、簡単に言うとステージ性のパズルアクションです。

 

f:id:amn7name:20180315235645p:image

OPは市民がゾンビに襲われているのを発見する警備員のSteve。

優雅なJAZZのBGMのなか聞こえてくる市民の悲鳴がミスマッチです。

 

f:id:amn7name:20180316001326p:image

Steveは助けに行くときも大好きなドーナツを手放さないようです。

ステージは全部で99つ。

 

f:id:amn7name:20180316000359p:image

走り続けるSteveの向きをフリックで変え、

ゾンビに当たらないよう市民を助け、ドアに走っていけばクリアです。

 

f:id:amn7name:20180316002947g:plain

1プレイで3ステージあり、

途中でゾンビに当たったら問答無用でCMが流れてゲームオーバーになります。

クリアしたらタイムスコアが表示され、世界中のプレイヤーとタイムを競うことが出来ます。

 

クリアした秒数によって最大3つのカギを入手することができ、

そのカギを使って、助けに行くヒーロー?をガチャで入手することができます。

 

f:id:amn7name:20180315235653p:image

おニューヒーローTheGood。

 

f:id:amn7name:20180316003016g:plain

かなりキレキレなダンス。

 

デザインのテイストも可愛いく、BGMも小気味よく結構好きです。

何よりモーションの動きが可愛いので、ぜひプレイして色んなキャラクターを集めてみてください!

 

EXIT HERO

iOS

Android

 

 

 

 

 

ゲーム「LOST TRACKS」

f:id:amn7name:20180313001637p:image

「今日のゲーム」でオススメされたのでインストールしてみました。

 

appストアでは英語表記になっていますが、雰囲気ゲームなので最初の操作説明以外はほぼ言語表現はありません。

 

操作方法が特殊で、タップでまっすぐ歩き、スマホを傾けることでカメラが回転し、行きたい方向に進んで行きます。

途中では音を使う場面もあり、イヤホン必須です!

 

以下スクショです。

 

f:id:amn7name:20180313001717p:image

このゲームの主人公。

 

f:id:amn7name:20180313001724p:image

 

f:id:amn7name:20180313001751p:image

色がきれい。

 

f:id:amn7name:20180313001802p:image

 

f:id:amn7name:20180313001816p:image

 

f:id:amn7name:20180313001825p:image

刈り上げてるうなじが最高ですね。

 

最初の森のステージの色や雰囲気がとても良くて、歩きまわれたのが楽しかったです。

こういうローポリでフラットなグラフィックすごい好きなんですよね。

作れるようになりたいです。

 

およそ15分ほどでクリア出来るので、ぜひ触ってみてください!

 

LOST TRACKS

iOS

Live2Dで輝夜月ちゃんを動かす

こんにちは。ナナメです。
先日、Live2Dの操作方法を学ぶことを目的に、輝夜月ちゃんのイラストを動かしてみました。
この記事ではメモも兼ねてどんな設定をしていったのかまとめています。
Live2Dに少しでも興味を持つきっかけになれば幸いです。

基本的な使い方はLive2Dの公式チュートリアル、および公式マニュアルがとてもわかりやすいので参考にしてみてください。

(間違っている個所やこうしたほうがいいよ!などあればコメントいただけると嬉しいです!)

デフォーマー

f:id:amn7name:20180311184848p:plain
(曲面だったりワープだったり途中でリネームがめんどくさくなったのがわかる)
サンプルモデルのデータはとても綺麗にセットアップがされているので、それを参考にするのが良いと思います。
同じパーツを複数パラメータで制御をすると動きがコンフリクトしてしまったり、管理が大変になるため、最初に何をどう動かすのかある程度考えておくと良いです。

各パラメータ

まず、Unityなどで動かしたい場合は、口と目の開閉パラメータは分ける必要があります。(変形内で一緒に行うのはNG)
(変形と開閉を鎖で繋いでパラメータを設定するのは問題ありません)

f:id:amn7name:20180311181051g:plain
変形と開閉のパラメータを鎖でつなげ、間のパラメータを設定することで滑らかにすることができます。

目と眉毛

f:id:amn7name:20180311183811g:plain
まつ毛が下を向いている普通の閉じ目は別パーツに切り替えています。
まつ毛を1本ずつ分ければ別パーツに分ける必要はなかったと思いますが、
今回はまつ毛はひとつのパーツにしていたため、上下反転をしてしまうと動かしている最中にクルッと見た目が変わってしまい、綺麗じゃなくなってしまいました。

f:id:amn7name:20180311190316g:plain
実際こんな狭い動きをすることは無いと思いますが、やってみたかったのでやりました。

f:id:amn7name:20180311191520p:plain
指はこんな感じで分けてます。

髪の毛

f:id:amn7name:20180311192933g:plain
髪の毛は物理演算で動かしたかったので、パラメータでは回転のみにしています。

物理演算

f:id:amn7name:20180311194020j:plain
体を動かすと左右の髪の毛が揺れ、その左右の揺れとスキニングでの揺れを入れ子にしています。
これが正しいかどうかは分かりません。

結果的には…

スキニング

f:id:amn7name:20180311180523g:plain
そこまで上手く出来ませんでした。若干それっぽいってことで…。

表情変化


目と眉毛、口だけでも結構表情変化をさせることが出来ます。

アニメーション

アニメーションと物理演算の両方で同じパラメータを触ると動きがコンフリクトしてしまい、思ったような動きにならないので注意が必要です。
物理演算では触るパラメーターを登録しないようにし、こまめにビューワーでアニメーションを物理演算を適用した状態で確認していくのが良いと思います。

f:id:amn7name:20180311195125j:plain
アニメーション中のパーツキーを消したい場合は編集レベルを3にすると消すことが出来ます。
私は作業の後半で知りました。(チュートリアルをよく読むのをおすすめします!)

今回はgifで吐き出すため、最終的には物理演算をベイクしました。

完成


まとめ

Live2Dのパラメータ登録が作業時間の大部分を占めました。思った以上に時間がかかりますね。

結果的にLive2Dの操作を学ぶことは達成することが出来ました。
(作業中にわからなかったことや工夫した点をメモしておいたほうがもっと実のある記事になったなと反省しています)

次は立ち絵ではなく場面を切り取ったようなイラストを動かしてみたいです。

f:id:amn7name:20180311200209j:plain
月ちゃん!!!社長!!!!!(ありがとうございます!!)

分からないことや知りたいこと、ご意見や助言などありましたら、コメントやTwitter質問箱とかでぜひご連絡ください!
私のLive2D勉強やブログネタも兼ねているので気兼ねなく🌿