ピクチャを自在にスクロールする方法

takac
記事: 5
登録日時: 2024年3月21日(木) 14:31

ピクチャを自在にスクロールする方法

投稿記事by takac » 2024年3月21日(木) 14:38

縦長のピクチャを表示した際、上下キーなどで自在に画像を
スクロールする方法もしくはプラグインなどありますでしょうか?

アバター
DoujinRuis
記事: 136
登録日時: 2022年10月25日(火) 10:59

Re: ピクチャを自在にスクロールする方法

投稿記事by DoujinRuis » 2024年3月21日(木) 19:57

確認お願いします。
https://www.youtube.com/watch?v=xHZ_3VMg-dU

プラグイン
https://booth.pm/ja/items/3921926

ツクール初心者の方質問し放題のディスコードです↓
https://discord.com/invite/dzUAC3CSMH
普段Youtubeで同人ゲームの情報を発信しています
https://www.youtube.com/channel/UCQV4_A ... ZxTrkLKbyg

Twitter
https://twitter.com/kQ1NG4MmNGK1lRw
takac
記事: 5
登録日時: 2024年3月21日(木) 14:31

Re: ピクチャを自在にスクロールする方法

投稿記事by takac » 2024年3月22日(金) 19:28

DoujinRuisさま

早速のご回答、動画での説明大変感謝いたします。

せっかくご回答いただいたのに動画内での「こっちではないですよね」とおっしゃっていた内容の方がニュアンスとしては近いのかなといった感じです(-_-;)

例といたしましてはゲーム画面サイズ横816 縦624
画像のサイズ816×1200(でかい立ち絵のようなもの)
この画像を表示した際、上下キーなどで自分で自由にスクロールさせる感じです。
アバター
DoujinRuis
記事: 136
登録日時: 2022年10月25日(火) 10:59

Re: ピクチャを自在にスクロールする方法

投稿記事by DoujinRuis » 2024年3月22日(金) 20:18

確認お願いします
https://www.youtube.com/watch?v=JJjg_l0Lm9o

ツクール初心者の方質問し放題のディスコードです↓
https://discord.com/invite/dzUAC3CSMH
普段Youtubeで同人ゲームの情報を発信しています
https://www.youtube.com/channel/UCQV4_A ... ZxTrkLKbyg

Twitter
https://twitter.com/kQ1NG4MmNGK1lRw
takac
記事: 5
登録日時: 2024年3月21日(木) 14:31

Re: ピクチャを自在にスクロールする方法

投稿記事by takac » 2024年3月23日(土) 10:28

DoujinRuisさま

度々の解説ありがとうございます。

動画を参考にさせていただき、並列処理と変数の操作で画像を動かせるようになりました。
また併せて文章の表示も行ってみたのですがなかなかうまくいきません。

無理やり別のイベントで同じように並列処理を行うと、それっぽくはなったかなと思うんですがもう少しうまいやり方がないものかと思っております。

何かよい方法などをご教授いただければ幸いです。

※最初から画像をつけて説明すればよかったですね。大変お手数をおかけして申し訳ありません。
添付ファイル
20240323001.png
20240323002.png
20240323003.png
アバター
DoujinRuis
記事: 136
登録日時: 2022年10月25日(火) 10:59

Re: ピクチャを自在にスクロールする方法

投稿記事by DoujinRuis » 2024年3月23日(土) 11:57

現状の問題点が分かりませんでした。
画像と同じイベントを作成しましたが、問題ありません

1:文章を表示させながら背景のピクチャを移動させることが出来ていないのでしょうか?

2:ピクチャを移動させることはできているけど、より良いやり方が分からないのでしょうか?
takac さんの頭の中でイメージされている理想の画像のスクロールが分かりませんでした
 ①:ピクチャの移動なのでしょうか?
 ②:視点の移動なのでしょうか
 ③:それとも別の何か?
普段Youtubeで同人ゲームの情報を発信しています
https://www.youtube.com/channel/UCQV4_A ... ZxTrkLKbyg

Twitter
https://twitter.com/kQ1NG4MmNGK1lRw
takac
記事: 5
登録日時: 2024年3月21日(木) 14:31

Re: ピクチャを自在にスクロールする方法

投稿記事by takac » 2024年3月23日(土) 12:52

DoujinRuisさま

何度もしつこく申し訳ありません。

伝わりにくくてすいません。スクロールの仕方は教えていただいたもので理想的です。

問題というか画像の切り替えというか、
前回試したものだと画像1枚につき、イベントを置くような感じでごちゃごちゃになってしまいそうだったので、うまいまとめ方などあればと思っておりました。


「テスト1」の文章を表示している間は画像Aを表示して上下にグリグリ、
「テスト2」の文章を表示している間は画像Bに切り替えてを表示し上下にグリグリ、
以下「テスト3・・・・」といった感じで
ある程度文章を続けて表示しながら、その文章が終わると背景の画像を切り替えるといった感じです。


例えになるかはわかりませんが、
女の子の画像背景で女の子がセリフをしゃべる。その女の子画像を上下に動かせる。
女の子のセリフが終わったら、男の子の画像背景に切り替える男の子がセリフをしゃべる。その男の子の画像を上下に動かせるといった感じです。
アバター
DoujinRuis
記事: 136
登録日時: 2022年10月25日(火) 10:59

Re: ピクチャを自在にスクロールする方法

投稿記事by DoujinRuis » 2024年3月23日(土) 17:09

確認お願いします
https://www.youtube.com/watch?v=WlXCwRr4g4g

コモンイベント
// ピクチャのファイル名を配列に格納
const pictures = ["fruits1", "fruits2", "fruits3"];
let pic_x = $gameVariables.value(101);
let pic_y = $gameVariables.value(102);
let index = $gameVariables.value(103);

$gameScreen.showPicture(1, pictures[index], 0, pic_x, pic_y,100 , 100, 255, 0);


インデックス操作
let index = $gameVariables.value(103);
$gameVariables.setValue(103, index+1);
普段Youtubeで同人ゲームの情報を発信しています
https://www.youtube.com/channel/UCQV4_A ... ZxTrkLKbyg

Twitter
https://twitter.com/kQ1NG4MmNGK1lRw
takac
記事: 5
登録日時: 2024年3月21日(木) 14:31

Re: ピクチャを自在にスクロールする方法

投稿記事by takac » 2024年3月23日(土) 18:51

DoujinRuisさま

ありがとうございます。

思っていた表示と動作をすることができました。
動画での解説わかりやすく非常に助かりました。 :D

“MZ:質問” へ戻る