helloworld
差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
| helloworld [2025/11/19 03:10] – [新規ゲームの作成] ふらぐらむoff | helloworld [2025/11/20 01:50] (現在) – ふらぐらむoff | ||
|---|---|---|---|
| 行 1: | 行 1: | ||
| # 2. はじめての脱出ゲーム作成 | # 2. はじめての脱出ゲーム作成 | ||
| \\ | \\ | ||
| - | ## æ°è¦ã²ã¼ã ã®ä½æ | + | ## 新規ゲームの作成 |
| - | ãã£ããã¯ããã¦ã®è±åºã²ã¼ã ãä½æãã¦ã¿ã¾ããããã¢ããªã®ãããç»é¢ä¸é¨ã®ãè±åºã²ã¼ã ãä½ãããã¿ãããã¾ããååã®ã¿ãµã³ãã«ã²ã¼ã åã³ãã¥ã¼ããªã¢ã«ã®ã»ããã¢ãããè¡ããã¾ãã | + | さっそくはじめての脱出ゲームを作成してみましょう。アプリのトップ画面下部の「脱出ゲームを作る」をタップします。初回のみサンプルゲーム及びチュートリアルのセットアップが行われます。 |
| - | ãµã³ãã«ã²ã¼ã åã³ãã¥ã¼ããªã¢ã«ããã¹ããã¬ã¤ãããã¨ã§ãã©ã®ãããªã²ã¼ã ãä½ããã®ããä½é¨ãããã¨ãã§ãã¾ããã¾ãããµã³ãã«ã²ã¼ã ã®ç®¡çç»é¢ã確èªããããç·¨éãå ãããã¨ã«ãã£ã¦ããªãªã¸ãã«ã²ã¼ã ä½æã®åèã«ãããã¨ãã§ãã¾ãã | + | サンプルゲーム及びチュートリアルをテストプレイすることで、どのようなゲームが作れるのかを体験することができます。また、サンプルゲームの管理画面を確認したり、編集を加えることによって、オリジナルゲーム作成の参考にすることができます。 |
| - | â»è±åºã²ã¼ã ã¡ã¼ã«ã¼ Webãµã¤ãã§ã¯ä½æãè¡ããã¨ãã§ãã¾ãããä½æã¯[iOS](https:// | + | ※脱出ゲームメーカー Webサイトでは作成を行うことができません。作成は[iOS](https:// |
| - | ã¾ããAndroidçã«ã¤ãã¦ã¯ã以ä¸ã®è¨±å¯ã«ã¤ãã¦ã®ç¢ºèªãã¤ã¢ãã°ã表示ããã¾ããä½æã«å¿
è¦ã¨ãªãã¾ãã®ã§è¨±å¯ãé¸æãã¦ãã ããã | + | また、Android版については、以下の許可についての確認ダイアログが表示されます。作成に必要となりますので許可を選択してください。 |
| - | * 端æ«ä¸ã®åçãã¡ãã£ã¢ãã¡ã¤ã«ã¸ã®ã¢ã¯ã»ã¹ | + | * 端末上の写真、メディアファイルへのアクセス |
| - | * åçã®ä½æã¨ãããªã®é²ç»ã«é¢ããã¢ã¯ã»ã¹ | + | * 写真の作成とビデオの録画に関するアクセス |
| - | ä½æä¸ã²ã¼ã ä¸è¦§ã§ãæ°è¦ä½æããã¿ãããã²ã¼ã åãå ¥åããã¨ãã¡ãã¥ã¼ç»é¢ã«é·ç§»ãã¾ãããæ»ãããã¿ã³ãã¿ãããã¦ãåã®ç»é¢ã«æ»ãã¨ã²ã¼ã ãä¸è¦§ã«è¿½å ããã¦ãã¾ãã | + | 作成中ゲーム一覧で「新規作成」をタップ、ゲーム名を入力すると、メニュー画面に遷移します。「戻る」ボタンをタップして、前の画面に戻るとゲームが一覧に追加されています。 |
| - | ä½æããã²ã¼ã å³ä¸ã®ãâ¡ããã¿ããããã¨ãä½æããã²ã¼ã ãåé¤ãããã¨ãã§ãã¾ããåé¤ããã²ã¼ã ã¯å¾©æ§ã§ãã¾ããã®ã§ã注æãã ããã | + | 作成したゲーム右上の「≡」をタップすると、作成したゲームを削除することができます。削除したゲームは復旧できませんのでご注意ください。 |
| {{ : | {{ : | ||
| - | ããããã¦ãä½æããã²ã¼ã ãã¿ãããã¦ãã¡ãã¥ã¼ç»é¢ã«é²ã¿ã¾ãã | + | あらためて、作成したゲームをタップして、メニュー画面に進みます。 |
| - | � | + | |
| - | ## シーンの作成 | + | |
| + | ## シーンの作成 | ||
| {{ : | {{ : | ||
| 作成に関する機能が並んだメニュー画面です。まずは「シーン管理」をタップして表示します。 | 作成に関する機能が並んだメニュー画面です。まずは「シーン管理」をタップして表示します。 | ||
| - | {{ :: | + | {{ :help_helloworld13.png? |
| 「シーン追加」をタップするとシーン編集画面が表示されるので、一旦「戻る」ボタンをタップして前の画面に戻ると、scene2が追加されています。 | 「シーン追加」をタップするとシーン編集画面が表示されるので、一旦「戻る」ボタンをタップして前の画面に戻ると、scene2が追加されています。 | ||
| scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。 | scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。 | ||
| - | {{ :: | + | {{ :help_helloworld20.png? |
| これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。 | これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。 | ||
| 行 42: | 行 41: | ||
| {{: | {{: | ||
| - | {{ :: | + | {{ :help_helloworld14.png? |
| scene1をタップして、シーン編集画面を表示します。 | scene1をタップして、シーン編集画面を表示します。 | ||
| 左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。 | 左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。 | ||
| 行 49: | 行 48: | ||
| {{outline_info_black_18dp.png? | {{outline_info_black_18dp.png? | ||
| - | {{ :: | + | {{ :help_helloworld15.png? |
| scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。 | scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。 | ||
| + | \\ | ||
| ## イベントの作成 | ## イベントの作成 | ||
| - | {{ :help_helloworld6.png? | + | {{ :help_helloworld16.png? |
| scene1のシーン編集画面に戻ります。赤枠の表示が「イベント: | scene1のシーン編集画面に戻ります。赤枠の表示が「イベント: | ||
| + | ※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、（[4.画面と機能について> | ||
| - | {{ :: | + | {{ :help_helloworld17.png?nolink&600 |}} |
| ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。 | ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。 | ||
| ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。 | ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。 | ||
| - | 再度、「イベント追加」をタップして、イベント選択画面で③の「移動」を選択します。シーン選択画面が表示されますので、secene2を選択すると上記左の画面のような状態になります。 | + | 再度、「イベント追加」をタップして、イベント選択画面で③の「移動」を選択します。シーン移動設定メニューが表示されますので、「選択」をタップし、secene2を選択すると上記左の画面のような状態になります。 |
| {{: | {{: | ||
| 行 67: | 行 68: | ||
| プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。 | プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。 | ||
| + | \\ | ||
| ## テストプレイとアップロード | ## テストプレイとアップロード | ||
| - | {{ :: | + | {{ :help_helloworld18.png?nolink&600 |}} |
| メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば２シーンのシンプルな脱出ゲームの完成です。 | メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば２シーンのシンプルな脱出ゲームの完成です。 | ||
| - | {{ :: | + | {{ :help_helloworld19.png?nolink&600 |}} |
| テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。 | テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。 | ||
| - | OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ、WEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。 | + | OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ及びWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。 |
| 複数のシーンや様々なイベント、フラグとIF分岐の条件式、シーン部品画像、アイテムを追加して、探索や謎解きをゲームに追加して、あなたのオリジナルの脱出ゲームを発表してください。\\ | 複数のシーンや様々なイベント、フラグとIF分岐の条件式、シーン部品画像、アイテムを追加して、探索や謎解きをゲームに追加して、あなたのオリジナルの脱出ゲームを発表してください。\\ | ||
| 行 81: | 行 83: | ||
| 画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。 | 画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。 | ||
| + | \\ | ||
| ## 作成の役に立つサイトなど | ## 作成の役に立つサイトなど | ||
| + | \\ | ||
| ### 素材サイト | ### 素材サイト | ||
| 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https:// | 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https:// | ||
| 行 110: | 行 114: | ||
| \\ | \\ | ||
| \\ | \\ | ||
| - | \ | + | \\ |
| ### 書籍 | ### 書籍 | ||
| 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\ | 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\ | ||
helloworld.1763521855.txt.gz · 最終更新: by ふらぐらむoff
特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
