このブログでは、個人が趣味で制作しているオリジナル乙女ゲームについて 制作日誌を綴っています!週1で更新中です。
公式サイト pixivはこちら! 自作乙女ゲーsearch様   Wing search様

2016年01月

フェードインとアウトのステキな関係~4種の実例を添えて~

こんばんわ!
ngs_projectです。


恥ずかしながら、このブログではたまに
ゲームのシステム的な内容について真面目に語ってます。
ボタンだったり、カメラだったり…


久々の今回はイケメン千秋楽で用いている
フェード処理について説明したいと思います。
久々に真面目です!






さて、ゲームでのフェードといえば
こんな黒い板が画面を覆うことがほとんどです。


fade1_2

真っ黒



静止画だとびっくりするほどただの黒い板ですが
イケメン千秋楽では、この板で大きく2通りの使い方をしています。
※こういう話するとき、毎回2通りな気がする…




①シーンやゲームフロー等が切り替わるときの目隠し

例えばタイトル画面から、ノベルパートに遷移する際等で使います。

普段遊んでると、ほとんど意識しませんが、
遷移時のフェードがあるとないとでは、ゲームを遊んだときの印象は
全くの別物といって良いくらい違います。

【タイトル画面でのフェード例】
fade_t_1
fade_t_2
fade_t_3
fade1_2
よく見る割に意識しないやつ





②テキスト上の演出として

今回、ソルトメモリア編を作って感じたのは
この、演出としてのフェード処理が超超超重要だということです。

重要というよりも、めちゃくちゃ使いやすい?
といった表現のほうが適切かもしれませんが、
とにもかくにも、テキスト演出としてのフェード処理をかなり多用しました。



●フェード例1 背景だけのフェード
下の画像の用に、テキスト枠などのUIの表示は残しつつ
背景面だけをフェードさせた例です。

bg_black
視点キャラクターの心情が、自身の内面に向いていて、
どちらかというとネガティブな感情の時に使っています。

通常の実写加工背景から、急に黒背景に切り替えることで
「画面を見ただけで、キャラクターが内方向に考えを巡らせていること」
表現しようとしています。


bg_white
白背景の場合は、黒背景とは逆に
「どちらかというとポジティブな考えを巡らせているとき」
の演出として使っています。


たったこれだけのシンプルな演出ですが
ゲームとして遊んだときに、結構それっぽく感じられるのではないでしょうか。





●フェード例2 画面全体のフェード

UI面も含めて、画面のすべてをフェードで
覆い隠してしまうパターンです。

fade1_0
fade1_1
fade1_2

イケメン千秋楽では、回想シーンのような
「時系列を跨ぐ演出として」
この画面全体を覆うフェードを使っています。

これは感覚的なものなんですが
UI面までフェードで隠すことで
「今から別の場所にいきますよー」感
強く出る気がするんですよね。
※言葉にしづらい





 ●フェード例3 画面全体のスライドフェード

画面全体を覆うけど、
横からササッとスライドしてくるフェードです。

一つ前の例とパット見、非常に似てますが
用途はかなり違います。

fade2_1
fade2_2
fade2_3
fade2_4

イケメン千秋楽では
「場所移動や時間経過する演出」として
このスライドしてくるフェードを使っています。 

一つ前で説明している、画面全体を覆うフェードとは
黒い板がスライドしてくるかどうかの差しかありません。

それだけの差しか無いにもかかわらず、
 「場所や時間といった状況的な何かが動いた感」
全然違ってきます。

本当、人の感覚って不思議ですよね。




 ●フェード例4 アニメーションを使ったフェード


大きい軍配の絵が画面をさっと隠す、
ソルトメモリア編で新しく作成したフェード方法です。

fade3_1
fade3_2
fade3_3
fade3_4

このフェード方法を使うときは
「シナリオの流れが、ここで切り替わりましたよ!」
という非常に説明的な使い方をしています。

逆に、このフェード方法を使うと
強制的にシナリオの流れを遮ってしまうので、
シナリオに集中させたい状況では使っていません。

※ちなみにこのフェード処理ができたのは12/27です…。
いやぁーギリギリでしたねー。(C89ではイケセンは12/30に頒布)





さて、今回はフェードについての久々に真面目な記事でした。

フェードもまた、遊んでるとあまり意識しない部分ですが
「実はこういうルールで作っているんですよ。」
というのは、他にもちらほらあったりします。

こういうブログ等で時折、製作を振り返らないと
作っている側もルールを忘れてしまいそうになるので
これからも定期的にまとめていけたらなと思います。

それでは来週もよろしくお願いします!

DLsite様にイケメン千秋楽─悠久なる塩の記憶─を登録しました!


イケメン千秋楽へのご意見、ご感想は随時、受け付けております。
皆さまの声が制作のエネルギーになるので、よろしければ是非お願いします!



こんばんわ!
ngs_prrojectです 。


信じられない寒さで、記事を書く手の震えがとまりませんが、
そんな中でもイケメン千秋楽を作っている、相変わらずな毎日です。


さて、いきなりですが告知があります!


イケメン千秋楽─悠久なる塩の記憶─が
DLsite様でも購入可能になりました!
※以前書いた記事に加筆しております

 
これで DLsite様とBOOTH様で2サイトで購入できるようになりました。
番外編の「雅先輩の恋愛事情~」についても、DLsite様で購入できるように
現在申請中になります。
※手数料の関係で数十円~百円ではありますが、DLsite様のほうが値段が高くなっております。




話は変わりまして、今後はちょこちょことネタバレにならない程度に
ソルトメモリア編の感想的なものを小出ししていこうかと思います。

何気にシナリオなんかは2、3回、
頭から書き直している結構な難産でしたので
色々と積もる話もあったりします。

苦労した一方、色々と感覚は掴めて来たので
他キャラクターのルート作成においては
ソルトメモリア編よりは時間は掛からないんじゃないかなと思ってます。
※だからといって早く終わるとは言い切れないこのキモチ・・・


最近は、告知事項が多めの記事ばかりだったので
来週ぐらいからは、今までのように製作状況 を伝えていけたらと思います。


それでは来週もよろしくお願いします! 

【DL版開始】イケメン千秋楽─悠久なる塩の記憶(ソルトメモリア)─のダウンロード版のお知らせ!!

お久しぶりです!
ngs_projectです。


冬コミでソルトメモリアを皆さまにお渡しできたのが3週間前・・・
年末年始が激務過ぎたため、ちょっと休息を頂いておりました。


冬コミの当ブースに足を運んで頂いた皆様、
本当にありがとうございます!!


いつもコツコツ進捗の当サークルですが
ゆっくりながらも足を進めることが出来るのは、
楽しみにイケセンを待ってくれている皆さまのおかげと、心から感じています。


誰が頼んだわけでもないのに、
なぜか毎回死にそうになりながらもイケセンを作っていますが、
皆さまから頂いたエネルギーのおかげで、今年も楽しく制作を進められそうです。


遅くなってしまいましたが、今年も皆さま、
イケメン千秋楽をどうか温かい目で見守ってくださると嬉しいです。



さて、本題になりますが

ダウンロード版の販売を開始しました!!




●BOOTH様で購入する
banner_dl_salt_memoria


booth

 https://ngsproject.booth.pm/items/189645



 

●DLsite様で購入する
banner_dl_salt_memoria

イケメン千秋楽─悠久なる塩の記憶─ DLsite.com直リンク
※購入ページへの直リンクバナーになっています。


このダウンロード版ですが
バッドエンド関連の選択肢難度を冬コミ時点より、遊びやすく調整しております。
※テキストそのものに変更は無くフラグのみの調整です。その他の変更点も一切ございません。

冬コミ時点では、難しい・・・というよりも、少し理不尽に感じる調整にしてしまったと
当サークル一同、反省をしております・・・。



さて、来週からは今までどおり
制作状況をお伝えしていけたらと思います!!
それでは今後ともヨロシクお願い致します。
サークル最新情報まとめ

●イケメン千秋楽公式サイト
http://ngsprojectsite.weebly.com

●C85お品書き
「イケメン千秋楽番外編~雅先輩の恋愛事情~」
お求めの際はこちらからどうぞ!


※BOOTH内のページへジャンプします。
※pixivへのログインが必要です。



●感想お待ちしてます!
ご意見・ご感想はこちら!

●不具合がある場合は・・・
不具合報告はこちら!
Pixiv