投稿記事

ツクールMVの記事 (5)

Left_Bite 2020/04/02 07:19

次回作の進捗

月に1回は更新しよう!ということで次回作の進捗!

動くイベントシーンにする

前回の記事でイベントに入る前や重要なイベントシーンで
どうしても自分の文章力とかじゃ伝えきれねぇ!と思い
モーションコミック風にしたらどうなんだろ?ということで
少しテスト版を作ってみました。

youtubeとかに上がってる漫画のコマを切り抜いた感じになった

こんな感じで吹き出しと画像移動で動きをつけようかなと
検討中です。

MAPとキャラの歩行グラはゲームに組み込んで実際動かしてみないとピンとこねぇ!ということでツクールでの制作段階に入ったら作ろうということで保留中。

それ以外の全体の画像素材のラフは終わってるのでひたすら仕上げたりと・・・




ツクールでの制作を本格的に動きだすとあの素材いるな!とか
Live2dであの動きも欲しいな!と欲望が沢山湧いてくると思うので適時素材を増やしつつ
制作を進めていこうと思っています。
(素材は特に考える事ないのでOK!なんですがああいう要素欲しいなぁ!みたいな新しい技術とかはテスト版とソフト習得に時間かかって風呂敷たためねぇ!ってなるので
これ以上は増やさないと思います・・・。)

今後の予定

4月はごりごり素材の完成度をあげていって5月中旬くらいからツクールでの制作に取り掛かる予定なので次の更新で実際製品版はどんな画面構成なのよ?雰囲気なのよ?
の進捗を発表できたらいいな!
(OPも欲しいけど当分放置)

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

Left_Bite 2020/02/11 19:00

初めてツクールMVで完成した成人向けゲームを販売開始できるところまで

ここからまた波乱の幕開けでした・・・。

最初の修正箇所

提出したデータは

  • サムネイル等の画像
  • 体験版のゲームデータ
  • 製品版のゲームデータ

でした。

必要な修正箇所

チェックバックで戻ってきた返信だと

  • モザイクが甘いよ!!
  • 体験版データにへんなセーブがあるよ!!
  • 体験版データに全部の動画があるよ!!
  • いらないデータあるよ!!

ということでした。もうちょい詳しく説明していこうとおもいます。

モザイクが甘いよ!!

これはDLsiteさんやFanzaさん両方に言われたことですが
100/1でモザイクかけてね!ってことらしいです(全く見てなかった・・・。)

例えば800×600サイズなら長いほうの100/1つまり8ピクセルでしてねってことです。

僕の場合エッチな動画が14本ありまして・・・。
PSDデータ直して・・・。live2dに反映して書きだして・・・。
premiereで元データと入れ替えて書きだして・・・。
WebMで変換してとめちゃくちゃめんどくさい作業でした。

DLsiteさんは事前にチェックしてくれる窓口があるので
そこでチェックしてOK貰ってからの方が幸せになれるかもしれません!
(僕はこれからはモザイクがあるPSD素材が全部できたら事前にチェックしてもらいます・・・。)

モザイクからモザイクが透ける恐怖


これはFanzaさんから頂きた修正指示で
自分的にはモザイクのピクセル小さいよ!と思ってて
モザイクかけた箇所にさらに大きいモザイクかけていたんですよ・・・。

結論からいうとモザイク前のデータに戻して8pxでかけなおしました

横着するのはよくないなとおもいました・・・。

多分原因はこれじゃないのかなっていうのがありまして


※きゅうりです

みなさんこの違いわかりますか?

最終的には同じサイズのモザイクをかけているんですが
左が1度目で大きいモザイクをかけた場合
右が小さいモザイクかけた後に大きいモザイクをかけた場合

若干右のほうが輪郭線がなめらかーな感じにみえませんか?


小さいピクセルが大きいピクセルから透けて見えるぜ!


って日本語的な意味は理解できるのですが実際提出したデータみても???ってなってて・・・。

比較したらなんとなくわかったような・・・。

イマイチピンとこないのと比較してみたら確かに画面上でみると
右はかかっているけど輪郭が薄くなってて濃い輪郭の形状がタガタに見えないなっていう結論に至りました。(違ってたらごめんなさいね・・・。)

イラスト素材をパーツごとの背景透過状態でしてモザイクをかけすぎると
素材自体が痩せていくというかなめらかになりすぎて遠目でみると
形状がギザギザしてないね!っていうのも感じました・・・。

それと素材のサイズが1632×1248とツクール画面の倍のサイズで作ってまして
動画書き出し時にまぁ半分にリサイズすればいいかと思ってたけど
もしかしたらそれでモザイク処理も甘くなってたかもしれません・・・。


まぁ人生急がば回れというか横着したり楽しようとしたらだめだよね!・・・。

残りの修正箇所はというと

日記がかなり長くなってきたので駆け足で!


  • 体験版データにへんなセーブがあるよ!!

製品データは大丈夫だったんですが体験版って途中で
ここまでだよ!続きは買ってね!ってするじゃないですか・・・

書き出し後の動くデータで確認するために途中戦闘で負けたらめんどくさいなと
思ってうっかりセーブしたまま送っちゃいました・・・。

配布データにはこの中にあるsaveフォルダ消しとけば大丈夫です!


  • 体験版データに全部の動画があるよ!!

体験版は途中で終わらせるからおk!って思ってたんだけど
普通にmoveのフォルダから動画から見れるから感じで・・・。
容量も無駄に多くなるし全く意識してなかったよ・・・。


  • いらないデータあるよ!!

これはゲーム本編には登場しない画像データで
動画の仮置き用でimgフォルダに置いたまま削除し忘れてました・・・。
いちよう暗号化はしてたんだけどもモザイクは修正前だし
無駄な容量食うよね!ってことで削除しました。


そして販売へ・・・

とりあえず販売へと漕ぎつけたわけですが・・・。
結果は一番最初のこの記事を見てもらえると嬉しいです・・・。
https://ci-en.dlsite.com/creator/5222/article/204962



次回はどうすんのよ?

次回は

  • 普段使ってるお絵かきの作業支援ソフトウェアの紹介

  • 今回から導入したソフトウェアの紹介

  • 初制作の全体の流れで失敗したこと学んだ事

  • 次回作でやってみたい事

などなどまとめてみようととおもいます。
思ったより制作が進んでたら次回作の紹介もするかも!

今回はいつも以上に文章だらけの長々なまとめ日記になってごめんなさいね・・・。

今後も実際に僕自身が制作を通してみて感じた事・失敗した事・学んだ事など僕みたいな初心者ボッチ制作者や右も左もわからねぇ!google先生しか相談相手がいねぇ!でもなんか同人ゲームやなんかつくってみてぇ!ってロンリーウルフに向けた記事も書いてググった時の手助けもできたら(むしろ助けて!)嬉しいなと思います。




これからも熱が入ってまとめ日記が長くなったらごめんなさいね・・・。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

Left_Bite 2020/02/09 19:00

ツクールMVで流すLive2dを使った素材を動画にした時の事3

なんかようわからんけど背景おかしくなるわ!!!

拡張子の変換に無事成功してウキウキ気分でツクールのmoveフォルダに突っ込んで
確認したところ・・・。

あれ???背景透過してなくね?しかも部分的にチカチカするし??

そうかLive2dの素材自体を透過してなかったのか!

テヘペロとおもいつつ再度書き出す

今度は大丈夫だとおもいつつ素材だけpremiereで入れ替えて再度試すも・・・。
だめでした・・・。
というか僕はpremiereの背景が黒の部分は書き出したら透過されているのだと
勘違いしてました・・・。

そうかpremiereの書き出しが間違っていたのか!

僕は正直あまり動画編集等は詳しくないので書き出しフォーマットとか拡張子とか全然詳しくないのですが
普通はAEで背景が透過してある素材作ってpremiereで背景や動画と合成して完成した動画を書き出すのでそもそも書き出して完成した動画の背景が透過するのはおかしいよねって・・。

今頃気付きAEはpremiere以上に全くわからないのでごり押しでpremiereでやりたい助けてGoogle先生とお願いしました。

やはりは存在した

CS6に対応した書き出しがのっていた!
https://programmer-life.work/adobe/aftereffect/alpha
まじで痒い所に手が届くような記事を書く人はリスペクトします。

書きだした動画は再生ソフトを使っても背景が黒いのでわからん!ということpremiereに読み込んで再度確認すると

ちゃんと抜けてました・・・・。ありがとうgoogle上に存在する神様達・・・。

絶望よこんにちは

もう前回の記事の調べた事や今回の書き出し設定を調べたりするのに凄く時間かかって疲れちゃってて・・・。
動画データはできてるのになんでこんなに苦労するのよと・・・。
でもこの頑張りは実はずだとおもって前回の記事のソフトで変換したんですよ・・・。


結果:変換でアルファチャンネルぶっ壊れてだめでした・・・

もしかしたら僕のpremiereの書き出し設定がダメだった可能性もあるので
他に試してみて出来た人や俺は他の方法でできたぜ!!って人いたら
教えてくださいお願いします。僕も救われますし他のエッチな制作者も
救われます・・・。

次回:もう透過しなくていいや・・・。の妥協と公開完了まで

長くなってしまったんで完成して公開までの修正のやり取りは次回まとめます・・・。
長くなっちゃってごめんなさいね・・・。

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

Left_Bite 2020/02/08 20:20

ツクールMVで流すLive2dを使った素材を動画にした時の事2

webmで書き出す旅にでました

ネットで色々調べたのですが

結論からいうと・・・

ツクール関連で調べてもあんまりいい記事に巡り合えない!!!!

あったにはあったけど体験版で半分しか変換できませんみたいなのあってブチ切れ・・・。
ということで色々調べて自分なりの解決策が何パターンが見つかったのでまとめます。

解決方法

  • その1 premia pro ならプラグイン入れたら書き出せるよ

Premiere Proで.webm形式を書き出すために。 https://vook.vc/n/859 by 岡本俊太郎 @VookJp

こういう記事まとめてくれる人まじリスペクト。でも自分はCS6なので
別途月額払うのは辛いので無理です・・・。

  • その2 webにアップロードして変換してくれるサイトを使う

https://www.aconvert.com/jp/video/

なんとアップロードするだけで無料で変換してくれます!

と思い最初は使ってたんだけど変換待機とか保存先がGoogleドライブで
めんどくさくなってきたので別のを探す旅に・・・・。


最終的に行きついた場所

こちらで無料で使える[Miro Video Converter]に辿りつきました。
https://forest.watch.impress.co.jp/docs/news/571131.html

これはぽいぽいっと放りこんで変換



あぁ・・・。凄く楽でええわ・・・・・。



注意やら備考やら

  • その1 ファイル名やフォルダ名に注意

海外ソフトあるあるなのですが指定した場所の途中に日本語があると
変換できない時があるよ!(フォルダ名とかファイル名とか!)
気付くまで出来ない時はソフト入れなおしたりバージョンの関係なのかと思って色々なバージョン入れては消してを繰り替えてしたよ・・・。

  • その2 動画サイズや素材サイズ

紹介ソフトとは関係ないのだけどツクール上で動かす時はツクールの画面サイズに
合わせてね!
ちなみにデフォルトだと816×624
自分はその倍の1632×1248で素材を作り半分にリサイズしました。

本当の絶望のはじまりはここからだった・・・。

前回の記事を見てくれた人なら分かると思うけど・・・。
何故か動画にゲームの背景が映ってるんですよね・・・。
動画素材に・・・。

次回は圧縮したらアルファチャンネルぶっこわれんじゃん・審査にだしたらめっちゃ修正食らうじゃん

次回は拡張子の変換はできたものの背景透過できないじゃん問題と
完成して初めて審査にだしたらめっちゃ修正あるじゃんをまとめます。
(DLsite.comとFanzaの担当者の方初めてなもんで売れない作品なのに
いっぱいお手数おかけしちゃってごめんなさいね・・・。)

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

Left_Bite 2020/02/07 19:00

ツクールMVで流すLive2dを使った素材を動画にした時の事

結果から最初に

再生すると音が流れるから注意してね!!!


結果的にはこういう動画になりました。
(ちなみに体験版でも他のも見れるので気になった方は体験版やってみてね!)↓
https://www.dlsite.com/maniax/work/=/product_id/RJ276498.html

なんでlive2d使おうと思ったのよ

1作目を作る一年くらい前にちょろっとlive2dを触った時期がありまして・・・・。
https://twitter.com/i/status/1093511643516985351
これを使ったコンテンツ等は無事死亡しました・・・。

ツクールMVで動画を流せる事を作ってる途中で知り、
せっかくだしLIVE2dでエッチなイラストを動かして効果音とか声入れた動画を入れたいよね!と途中で思いいきなり実装することにしました。


途中の思いつきでやると後々苦労するよね・・・

そもそもイラスト素材をそれ用に作ってなかったので色々手直しすることに・・・

動くパーツをばらしたり動いてみえちゃう場所を描いたりと地味に修正に手間がかかる・・・。

興味ある人!詳しい工程はlive2dのマニュアルあるのでこちらへどうぞ!↓
https://docs.live2d.com/cubism-editor-manual/divide-the-material/#

それでLive2dで読み込んで書き出しまで終わりました。

書き出せた素材をプレミアに読み込んで音とか効果音入れて無事データは完成しましたよと

ここからが絶望の始まりだった・・・。

たいした下調べもせず動画データはできたわけですが・・・。

拡張子がwebM...? 書き出す際にそんな拡張子見当たらないよ・・・・。

次回は調べ事とか妥協とか超めんどくさかった事について

ちょっと長くなってしまったので次回は調べた事や実装までについてまとめようとおもいます。
普通は新作情報とか発表する場所だと思いますがなんかまとめ日記みたいになっちゃってごめんなさいね、、、、

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

記事のタグから探す

月別アーカイブ

限定特典から探す

記事を検索