![見出し画像](https://assets.st-note.com/production/uploads/images/114113111/rectangle_large_type_2_2e202591bd6467d95757767fa3fb6e50.png?width=1200)
アドベンチャーノベルを作ってみる(吉里吉里Z) part3-サンプルを改造(背景)
さて、テキストの編集方法は前回学びました。
次に、背景画像を変更してみたいと思います。
自分はホラー系のアドベンチャーノベルにしたいので、メニューの背景は
ちょっと怖めの画像にしたいと思います。
![](https://assets.st-note.com/img/1692781217638-2PK2lKfHEJ.png?width=1200)
さぁ、まずは背景に設定する画像をどうするかですね。
自分は絵が描けない(下手っぴ)なので、ネット上から取得してこようと思います。
しかし、著作物は著作権の問題がありますので、フリー素材から探します。
早速、google先生に聞いてみます。
![](https://assets.st-note.com/img/1692781595293-EiG6a0owKy.png?width=1200)
検索上位に”ぱくたそ”というサイトが出てきましたね。
登録も不要なようです。
一応、配布する可能性も考慮して利用規約も確認しておきます
![](https://assets.st-note.com/img/1692781771074-usDFAiQ4IA.png?width=1200)
商用利用も可能のようですね。著作権はフリーではないので
取得した画像をそのまま別のサイト等で有料で販売等はできないようです。
ゲームの素材として、商用利用は可能のようですね。
※著作権や商用利用かどうかはよく確認してくださいね。
ホラー要素のある画像をダウンロードさせていただくことにします。
![](https://assets.st-note.com/img/1692782588714-3Fu6ahJ3hH.png?width=1200)
画面下部の無料ダウンロードからS、M、Lから選びます。
とりあえず、Mサイズをダウンロード。
![](https://assets.st-note.com/img/1692782589308-bLvRsLVHpE.png?width=1200)
画面下部にjpgファイルが表示されたらダウンロード完了。
![](https://assets.st-note.com/img/1692782591402-4qr652p6dV.png?width=1200)
ダウンロードファイルを移動させます。
ファイルを右クリックからコピーをクリックします。
![](https://assets.st-note.com/img/1692782591910-CbsXUtnKOg.png?width=1200)
そして、開発環境の背景画像フォルダに貼り付けます。
![](https://assets.st-note.com/img/1692782592338-B1s4DlCxXv.png?width=1200)
※現在設定されているのは、この”sky”ファイルですね。
![](https://assets.st-note.com/img/1692782592678-aHlv9N5vYQ.png?width=1200)
そして、コピーしてきたファイルの名前をトップ画面の背景に使用するということで”top”と修正します。
![](https://assets.st-note.com/img/1692782593040-IPlXye2YMF.png?width=1200)
そして、00.ksファイルも修正します。
※オープニングからトップ画面の表示までを行うシナリオファイルです。
40行目にskyと指定されていますね。ここを使用する画像のファイル名に修正します。
![](https://assets.st-note.com/img/1692788913643-mlvENeNN7f.png?width=1200)
先ほど、topとファイル名を修正したので40行目をtopと修正しました。
![](https://assets.st-note.com/img/1692788914098-bgTRLuKRHv.png?width=1200)
ファイルを保存後、再度"tvpwin32"を実行し、ゲームを起動します。
あれ、エラーが発生。。
要約すると、画像ファイルの縦横のサイズが誤っているようです。
そうですよね、ダウンロードしてきたファイルのサイズが異なったら表示できないですよね。
![](https://assets.st-note.com/img/1692789170282-2F4SLEE32j.png?width=1200)
じゃあ、ダウンロードしてきた画像ファイルのサイズを変更すればいいじゃない(マリーアントワネット風)
一旦、ダウンロードファイルのサイズを変更します。
今回はLサイズをダウンロードします(大き目の画像サイズなので加工しやすいかと)
![](https://assets.st-note.com/img/1692790860742-lRTb3DrUcx.png?width=1200)
ダウンロードが完了したら、画像のサイズを変更できるサイトへ移動します。
サイトを開くと、画像をドロップダウンする場所がありますので、先ほどダウンロードしたLサイズの画像ファイルをドロップします。
※下のファイルを選択から選択してもよいです
![](https://assets.st-note.com/img/1692791468110-YosDldypwc.png?width=1200)
ファイルをドロップすると画像のサイズを変更するダイアログが表示されます
![](https://assets.st-note.com/img/1692791468921-iWmUxu6bQz.png?width=1200)
画像の比率のチェックを外し、
画像の幅を1664
画像の高さを936
に変更し、サイズ変更ボタンをクリックします。
![](https://assets.st-note.com/img/1692791469985-qYjScBC8rs.png?width=1200)
画像が変更されたら、画面の画像を右クリックし、名前をつけて保存をクリックします。
![](https://assets.st-note.com/img/1692791471264-84IPtdhtIm.png?width=1200)
ファイルの保存先を指定できるので、開発フォルダのdataの下のbgimageの下を選択し、ファイル名を”top”とし、保存ボタンをクリックします。
![](https://assets.st-note.com/img/1692791472681-eWTiDOo8bx.png?width=1200)
既に先ほど、同名のファイルを配置しているので、下記のメッセージが表示されますが、”はい”をクリックします
![](https://assets.st-note.com/img/1692791474103-zUjx6n1zn2.png?width=1200)
bgimageフォルダを見て、ファイルの大きさが先ほどリサイズした大きさに
なっていることを確認します。
![](https://assets.st-note.com/img/1692791474764-XqmMJzUzXm.png?width=1200)
それでは、再度"tvpwin32"を実行し、ゲームを起動します。
![](https://assets.st-note.com/img/1692792395959-CWDRP0INlC.png?width=1200)
今度はちゃんと表示されましたね。
これで、背景画像の変更もできるようになりました。
次回はシナリオの分岐等の部分を改造していこうかと思います。
※配布を行う際には、サンプルのクレジットに表示されている各プラグインや使用背景のサイト様を確認してから行う必要があります。
(改造中に使用しなくなった背景やSE等は問題ありませんが、一通り目を通して使用規約を確認してください)
![](https://assets.st-note.com/img/1692792397527-0R04vaBxJZ.png?width=1200)
参考になったよっていう方は、ぜひ、スキやフォロー、コメントをいただければ幸いです。
そうすると、やる気が出て色々と開発のスピードが上がったり、工程を紹介できると思います。
拝読、ありがとうございました。
この記事が気に入ったらサポートをしてみませんか?