helloworld [脱出ゲームメーカー ヘルプWiki]

ユーザ用ツール

サイト用ツール


helloworld

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
helloworld [2025/11/19 03:09] – [シーンの作成] ふらぐらむoffhelloworld [2025/11/20 01:50] (現在) ふらぐらむoff
行 21: 行 21:
  
 あらためて、作成したゲームをタップして、メニュー画面に進みます。 あらためて、作成したゲームをタップして、メニュー画面に進みます。
-## シーンの作成 
  
 +## シーンの作成
  
 {{ :help_helloworld12.png?nolink&600 |}} {{ :help_helloworld12.png?nolink&600 |}}
 作成に関する機能が並んだメニュー画面です。まずは「シーン管理」をタップして表示します。 作成に関する機能が並んだメニュー画面です。まずは「シーン管理」をタップして表示します。
  
-{{ ::help_helloworld3.png?nolink&600 |}}+{{ :help_helloworld13.png?nolink&600 |}}
 「シーン追加」をタップするとシーン編集画面が表示されるので、一旦「戻る」ボタンをタップして前の画面に戻ると、scene2が追加されています。   「シーン追加」をタップするとシーン編集画面が表示されるので、一旦「戻る」ボタンをタップして前の画面に戻ると、scene2が追加されています。  
 scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。 scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。
  
-{{ ::help_helloworld10.png?nolink&600 |}}+{{ :help_helloworld20.png?nolink&600 |}}
  
 これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。   これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。  
行 41: 行 41:
 {{:outline_info_black_18dp.png?nolink|}}誤って不要なシーンを追加した場合は、当該のシーン右上「≡」をタップするとメニューが表示されて削除を行うことができます。 {{:outline_info_black_18dp.png?nolink|}}誤って不要なシーンを追加した場合は、当該のシーン右上「≡」をタップするとメニューが表示されて削除を行うことができます。
  
-{{ ::help_helloworld4.png?nolink&600 |}}+{{ :help_helloworld14.png?nolink&600 |}}
 scene1をタップして、シーン編集画面を表示します。   scene1をタップして、シーン編集画面を表示します。  
 左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像(iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます)から予め用意した画像や写真を選択して読み込みます。   左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像(iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます)から予め用意した画像や写真を選択して読み込みます。  
行 48: 行 48:
 {{outline_info_black_18dp.png?nolink}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。 {{outline_info_black_18dp.png?nolink}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。
  
-{{ ::help_helloworld5.png?nolink&600 |}}+{{ :help_helloworld15.png?nolink&600 |}}
 scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。 scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。
  
 +\\
 ## イベントの作成 ## イベントの作成
  
-{{ :help_helloworld6.png?nolink&600 |}}+{{ :help_helloworld16.png?nolink&600 |}}
 scene1のシーン編集画面に戻ります。赤枠の表示が「イベント:追加編集」になっていることを確認して、画面のドアノブのあたりをタップします。当該箇所にタップイベントが追加されて、下記の左の画面に自動で遷移します(イベントは未追加の状態)。 scene1のシーン編集画面に戻ります。赤枠の表示が「イベント:追加編集」になっていることを確認して、画面のドアノブのあたりをタップします。当該箇所にタップイベントが追加されて、下記の左の画面に自動で遷移します(イベントは未追加の状態)。
 +※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、([4.画面と機能について>4.シーン編集](./functions#4. シーン編集))で詳しく解説しています。
  
-{{ ::help_helloworld7.png?600 |}}+{{ :help_helloworld17.png?nolink&600 |}}
 ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。   ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。  
 ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。   ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。  
-再度、「イベント追加」をタップして、イベント選択画面で③の「移動」を選択します。シーン選択画面が表示されますので、secene2を選択すると上記左の画面のような状態になります。+再度、「イベント追加」をタップして、イベント選択画面で③の「移動」を選択します。シーン移動設定メニューが表示されますので、「選択」をタップし、secene2を選択すると上記左の画面のような状態になります。
  
 {{:outline_info_black_18dp.png?nolink|}}誤って不要なイベントを追加した場合は、当該のイベントを長押しすると削除確認のダイアログが表示されて、削除を行うことができます。 {{:outline_info_black_18dp.png?nolink|}}誤って不要なイベントを追加した場合は、当該のイベントを長押しすると削除確認のダイアログが表示されて、削除を行うことができます。
行 66: 行 68:
 プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。 プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。
  
 +\\
 ## テストプレイとアップロード ## テストプレイとアップロード
  
-{{ ::help_helloworld8.png?600 |}}+{{ :help_helloworld18.png?nolink&600 |}}
 メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば2シーンのシンプルな脱出ゲームの完成です。 メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば2シーンのシンプルな脱出ゲームの完成です。
  
-{{ ::help_helloworld9.png?600 |}}+{{ :help_helloworld19.png?nolink&600 |}}
 テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。   テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。  
-OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。+OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ及びWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。
  
 複数のシーンや様々なイベント、フラグとIF分岐の条件式、シーン部品画像、アイテムを追加して、探索や謎解きをゲームに追加して、あなたのオリジナルの脱出ゲームを発表してください。\\ 複数のシーンや様々なイベント、フラグとIF分岐の条件式、シーン部品画像、アイテムを追加して、探索や謎解きをゲームに追加して、あなたのオリジナルの脱出ゲームを発表してください。\\
行 80: 行 83:
 画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。   画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。  
  
 +\\
 ## 作成の役に立つサイトなど ## 作成の役に立つサイトなど
  
 +\\
 ### 素材サイト ### 素材サイト
 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\ 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\
行 109: 行 114:
 \\ \\
 \\ \\
-\+\\
 ### 書籍 ### 書籍
 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\ 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\
helloworld.1763521778.txt.gz · 最終更新: by ふらぐらむoff