【作成】ゲーム制作日誌08_タイトル画面をつくってみよう! 03
フォロワー以上限定無料
無料公開(全体公開)用の小説やブログ、pixivに投稿している官能小説を先行して公開しております。
無料
クリエイター支援サイト Ci-en
フォローするにはユーザー登録が必要です。
緊縛の視姦室(相田尚) 2021/09/30 07:00
無料公開(全体公開)用の小説やブログ、pixivに投稿している官能小説を先行して公開しております。
無料
緊縛の視姦室(相田尚) 2021/08/06 00:00
えと。エロ小説家奉公人の相田尚です。
本題に入る前に……この記事はnoteにて公開していたのですが、利用規約違反と言われ、支援サイトへ移動させる旨について、既に記したと思います。
どこらへんが違反なのかは、明らかにされていないので、いまいち、相田さんにもわからないのですが、「佐野俊英があなたの専用原画マンになります」から画像を拝借しているので、そこを著作権法違反と捉えられたのかもしれません。
画像使用について、記事の後半にある罫線以降に退屈な文言を記しておりますので、暇な時にでも読んでみてください。
ではでは。イメージマップを作ろう、です。
まずは、ゲームの「佐野俊英があなたの専用原画マンになります」を起動させ、イメージマップ用の画像を作成し、保存します。
次に画像編集用アプリにファイルを読み込ませ、タイトルの「女教師~調教の時間割」と「はじめから」「つづきから」「おまけ」「設定」「終了」のテキストボックスを配置して、pngファイルとして、保存します。
この時、イメージマップは「ベース」用と「マウスオーバー」用の画像を2種類、用意します。
マウスオーバー用のイメージマップは「ベース」用の画像の「はじめから」「つづきから」「おまけ」……といったテキストボックスの左隅に、マウスをポイントした時の印として、◇や△、★といった記号を加え、名前をつけて保存します。または、テキストボックスの背景の色を変えてもいいでしょう。ぼくは……記号ではなく、色を変えることにしました。
次が、実際に作成したイメージマップです。
そうそう、忘れておりましたが、ファイル名はベース用が「titlescreen_idle01」、マウスオーバー用が「titlescreen_hover01」とします。ファイル名の最後に01を加えたのは、既定のタイトル画面と区別するためです。
次に、VNMを起動、リソマネから画像を取り込みます。取り込むフォルダは「Graphics→Picture→UI」です。
イメージマップフォルダを展開させ、「ベース」「マウウオーバー」にそれぞれ、画像を指定させます。
「ホットスポット」の項目をクリックさせると、別ウインドウが開き、ベース画像が表示されるので、「ホットスポットを追加」をクリックします。左上にターゲットが開くので、それを「はじめから」までドラッグさせ、ターゲットの大きさを修正します。
「つづきから」「おまけ」「設定」「終了」も同様に「ホットスポットを追加」からドラッグさせ、設定します。
イメージマップフォルダのその他の項目ですが……「時間」はイメージマップを表示させる時間で、1msは1000分の1秒、500msだと、0.5秒になります。「ウエイト」「続行」はウエイトが入力待ち、続行は時間が経過した後、次のアクションに移る、です。
この場合は新規ゲーム、ロード、設定、終了などを選択させないといけないので、ウエイトとなります。
「効果」はいわゆる画像の演出で、特殊な演出を考えているのではない限り、ここに書かれているもので充分と思います。
リニア……一定のスピードで動く(加速・減速はなし)。
アウト……最初に加速し、ラストはゆっくりと動く。
イン……ゆっくりと動き出し、ラストへ向けて加速する。
イン/アウト……最初と最後がゆっくりで、中間が加速して動く。
その他の効果については、以下のサイトを参考にして下さい。→Easings.net
アニメーションは
ブレンド……画像を処理してフェードインさせる
マスキング……画像を処理してフェードインさせる
ムーブメント……画面の端から画像を移動させる
……とあるのですが、ムーブメント以外は肝心の効果がわかりません!
ノベルゲームをやっていると、画像がゆっくりと暗転したり、画像がいくつもの四角形に分割されて、フェードアウトしたり、黒い線が現れて一回転しながら、画像が入れ替わったりしますが、それだと思うのですが……くわしい効果がわかったら、改めて説明します。
とりあえず、効果はブレンドが既定みたいなので、そのままでいいと思います。
まぁ、タイトル画面がシェイクしたり、点滅したり、爆発したりしたら、作者のセンスを疑ってしまいますからね。(^_^)
ってことで、文字数も多くなってきたので、今回はここらへんで締めます。じゃ。(^_^)ノ""""
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「佐野俊英があなたの専用原画マンになります」の画像を使用している点についてですが……gjobの利用許諾についての文面を確認してみました。
<利用許諾>
本製品を用いて作成したデータや画像、音声、一部プログラム等に関して
下記のような商用を含む利用を許諾します。
・収録されている素材や、加工した素材を使用したコンテンツの配布、販売
・本製品に組み込む事が出来るデータの販売やそれを用いた販促活動(他社様が販促活動で組み込みデータを特典等につけてソフトウェア販売に使用するなども問題ありません。)
ただし、商用利用に関しては、テキストデータ等で「シリアルコード」を表記する事を条件とします。
<禁止事項>
以下の行為は禁止とします。
・本製品中の音楽の使用
・収録されている素材そのものを「素材集」としての販売、又はそれに準じた形での使用
・その他、法律に抵触するコンテンツ等の販売
■G.J旧作品に収録されている画像の使用について■ ※2012/6/1追加
本件は「佐野俊英があなたの専用原画マンになります」および該当のG.J製品 を 正規の手段で所有している方のみが対象となります。
<利用許諾>
該当のG.J作品内に収録されております、下記CG画像につきまして
本製品収録素材と同様の利用を許諾します。
・ゲーム内で使用されているキャラクターの立ち絵画像
・ゲーム内で使用されているイベントCG画像
・ゲーム内で使用されている背景CG画像
利用条件は『「佐野俊英があなたの専用原画マンになります」を用いて作成したデータや画像等の使用について』の利用許諾および禁止事項に準拠します。
<禁止事項>
以下の行為は禁止とします。
・製品中のシナリオ、音声、音楽、プログラム等、利用許諾に定めた素材以外の使用
・THEアニメ製品及びDVDPG製品の使用
以上の点を遵守の上、ご利用いただけますようお願い申し上げます。
……以上が、利用許諾についての文面です。
私も法律の専門家ではないので、どこらへんが違反しているのか、理解しかねるのですが、今さら、noteに問い合わせをするつもりもありませんので、FANBOX、Fantia、Ci-enにて公開することになった次第です。確か、DLsiteやBOOTHでも画像を使って作品を販売している方がいらっしゃった方がいたと思います。noteから送付されてきたメールですが、非常に高圧的でしたし、note内の『新今宮貧困ツーリズム』と幡野氏の人生相談を見て、もうこのSNSは利用できないな、と判断しました。
それでは。今度こそ、ペンを置くこととします。では~。💤
緊縛の視姦室(相田尚) 2021/08/01 00:00
序章を作ってみよう、ではなく、今回はタイトル画面を作ってみよう、です。
えと、ですね。本題に入るその前に。ラノグツクール日誌と入力するのが面倒なので、ゲーム制作日誌としても、よろしいでしょうか?
それと、この間まで、序章を作ってみよう、としていたのですが、あることに気づいてしまいました。
VM(Visual Novel Makerの略)のテンプレートからサンプル用のファイルを作成して、起動してみたのですが……序章を作る前に、タイトル画面(新規ゲーム、セーブ&ロード、設定、CGコレクションなど、最初に表示される画面)を作成しなければならないみたいです(^_^;)
ということで、序章を作ってみよう、はしばらく置いておいて、タイトル画面を作ってみよう、です。<(_ )>
サンプルゲームからフォルダごとコピーできないかな? と思ったのですが、無理でした(^^)
まぁ、ファイルの参照や数値データなどを収容してあるので、無理というのは、わかっていたのですけどね。あ~あ。( ̄0 ̄)
フォルダの丸ごとコピーはできなかったものの、テキストデータはコピーすることができたので、こちらから再構築することにします。
タイトル画面ですが、イメージマップで作成するみたいです。
イメージマップというのは……自分で調べてみて下さい。
というのは、嘘です。(__*)
えと、ですね。ぼくもうまく説明できないのですが、画面上の「セーブ」「ロード」「新規ゲーム」などをクリックすると、該当箇所にジャンプする画像、だと思います(^_^)
イメージマップは画像ですが、ビデオで作成できるみたいです……かなり、パソコンのスペックが高くないとフリーズする可能性大とおもいますが、とりあえず、できることはできるみたいです。
イメージマップですが、自分で作成しなければいけないみたいですね。
画像ですが、「佐野俊英があなたの専用原画マンになります」から拝借して、イメージマップを作成します。
右側にボタンを配置しますので、画像を左側に寄せたものを作成します。
ボタンは「はじめから」「つづきから」「おまけ」「設定」「終了」の5つです。
画像はベースとマウスホバー用の2つを作成します。
ボタンは……どうしましょう。wordで作れないか、ちょろっと挑戦してみることにします。
この悪戦苦闘については、また後日にでも。
……では、とりあえず、タイトル画面の作り方、を続けます。
全体的な行程としては……イメージマップを作成し、ボタンにホットスポットを作成し、正しく機能するように設定します。
まずは、チャプターを作成します。
「チャプター」「シーン」の説明ですが、このままだとわかりづらいですので、これからは【】はチャプター、()はシーンとします。
序章が作りかけですが、右クリックから新規チャプターを作成し、仮に【01】とします。
【序章】と【01】のチャプターですが、入れ替えようとしたのですが、うまくいきませんでした。
序章のチャプターは大して作成していないので、削除してもいいのですが……シーンを入れ替えることにします。
(女教師のオナニー)を選択して、【01】チャプターへドラッグします。
【序章】チャプターを【スタートスクリーン】とし、【01】チャプターを【序章】とします。
ではでは。タイトル画面の作成です。
【スタートスクリーン】の下に(タイトル画面)の新規シーンを作成します。
コマンドリストからシステム→UIアクセスを選択します。
UIフォルダに「セーブメニュー」「ロードメニュー」「メニュー」「バックログ」の項目がありますが、このうち、「セーブメニュー:いいえ」「ロードメニュー:いいえ」「メニュー:いいえ」「バックログ:はい」とします。
UIアクセスの下に、スイッチを設けます。
このスイッチはたぶん……スタート時にのみ、表示されないようにする処理だと思います(^^)
コマンドリストから基本→スイッチを選択します。
スイッチフォルダに「ターゲット:スイッチ」「スイッチ:グローバル(0001:Start)」「値:無効」と書き込みます。
スイッチ名は任意です。英語名にしたのはかっこいいから……ではなく(^^)、VNMについて書かれたサイトで、スイッチ名が日本語だと動かないことがある、と目にしたからです。この類のバグは修正されている可能性が高いのですが、細かいところにこだわって、プログラムが止まってしまうより、ぼくなら、リスク回避のほうをとります。
さて、次からが肝心のイメージマップです。
コマンドリストから、ピクチャ→イメージマップを表示と選択します。
イメージマップフォルダに「数:0」「位置:定義済み(Top-Left)」「ホットスポット:5」「時間:500ms」「ウエイト」と入力していきます。
次に、左上の矢印をクリックして、フォルダを展開させます。
ベース、マウスオーバーの項目があると思いますが、ここから、作成したイメージマップを指定します。
……ってことで、イメージマップがまだ、完成していないので、今回はここらへんで。ではでは~。(^_^)ノ""""
緊縛の視姦室(相田尚) 2021/07/19 00:00
では、序章を作ることにしましょう。
その前に……プロジェクトの名前を決めます。「女教師~恥辱の時間割」なんてのは、どうでしょう。
一応、グーグルおじさんに伺いをたてたところ、「新任女教師~恥辱の時間割」というマンガがあるそうです。
うーん、似てますね('-'*)
女教師はそのままで、調教の時間割、はどうでしょう。安易かな?
次はキャラクター名です。
女教師……香澄
彼氏……昭人
同僚教師……鉄二
実はこれは、綺羅光先生の小説「女教師~レ○プを待ちながら」から取りました。
他にも登場キャラクターを設定する必要があるのかもしれないのですが、とりあえず、これでいきます。
キャラクターの画像はノベルモードですので、作成しません。
では、アプリを起動させます。
前回、3つほどチャプターを作成しておきましたが、一番上のチャプターを「序章」にして、その下に「新規シーン」を作成します。新規シーン名は「女教師のオナニー」にしますか。
「女教師のオナニー」を選択して、コマンド-背景から「背景を変更」を選択します。
シーンコンテンツから背景を表示する画像を選択し、「レイヤー」「時間」「続行」は弄らずにそのままにしておきます。
「レイヤー」は……よく、わからないのですが、複数画像を表示させる時、画像の順番を指定するためのもので、「時間」は表示に要する時間、「続行/ウエイト」は次のコマンドをすぐ実行するか、時間を置いてから実行するか、だと思います……自信はありませんけど(^_^)
「背景を変更」を展開させると、さらに詳しい設定ができるのですが、これもよくわからないので、今は手を出さないことにします。
背景を変更、で指定したのは、寝室です。もちろん、タイトルが「女教師のオナニー」ですから、これからHなことをするのですが、当然、夜のシーンとなりますので、背景の色合いを変更して、夜であることを示します。
コマンド-背景から「背景を色付け」を選択し、色調からプリセットの「ナイト」を選択します。
ここで、ちょっと問題が発生です。「ナイト」ですから、一気に暗くなると思ったら、少し色調が変化する程度でした。
なので、今度はコマンド-画面から「画面を色付け」を選択し、色調を「ナイト」にしました。
ライブプレビューを確認しましたが……完全に夜を表現できたかどうか、と言われると疑問です。
結局、背景/画面を色付けコマンドは使用せず、「佐野俊英が~」から、夜の寝室の画像をリソマネからインポートすることにしました。色付けコマンドも削除したので、ここの部分は無駄となってしまいましたが、色付けのコマンドはどこかでまた、使えると思いますので、これでよしとしましょう。
ということで、ゲーム作成日誌はこれにて、終わりとします。ではでは~。(^_^)ノ""""
緊縛の視姦室(相田尚) 2021/07/12 00:00
書き忘れておりましたが、ラノゲツクールはMACから使用しております。Windows版も基本的に違わないと思いますが、ちょっとした操作の違いについては勘弁を。
制作日誌のその04では、既定ではない、外部から画像データをインポートする方法を説明します。
まずは、アプリを起動させます。
インポートする画像ですが、事前にフォルダを作成し、画像を選択しておきます。
ぼくは、「佐野俊英があなたの専用原画マンになります」の画像を利用させてもらっているのですが、ラノゲツクールの色調変化のコマンドで「ダーク」「セピア」「モーニング」「ナイト」へと変えることができるので、データの圧縮のためにも、重複する背景画像を削除したインポート用フォルダを作成します。
ツールバーの右のほうにリソースマネージャーのタブがあるので、クリックすると、リソースマネージャーが開きます。
まずは、既定の画像がありますので、Graphics→Backgroundsフォルダで右クリックをして、「新規グループ」を作成します。「プロパティ」で「既定の画像」と入力します。
既定の画像を選択し、「既定の画像」へドラッグします。
次に、Backgroundsフォルダを選択し、「Import Folders」からフォルダごとインポートします。プロジェクトを保存して、これで外部の画像を背景として使えるようになりました。
ということで、制作日誌05回へ続きます。