差分

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

--- helloworld [2025/11/10 04:06] – [参考サイトとチュートリアルゲーム] ふらぐらむoff
+++ helloworld [2025/11/20 01:50] (現在) – ふらぐらむoff
@@ 行 17: / 行 17: @@
 作成したゲーム右上の「≡」をタップすると、作成したゲームを削除することができます。削除したゲームは復旧できませんのでご注意ください。
-{{ ::help_helloworld11.png?nolink&600 |}}
+{{ :help_helloworld11.png?nolink&600 |}}
 あらためて、作成したゲームをタップして、メニュー画面に進みます。
-## シーンの作成
+## シーンの作成
-{{ ::help_helloworld12.png?nolink&600 |}}
+{{ :help_helloworld12.png?nolink&600 |}}
 作成に関する機能が並んだメニュー画面です。まずは「シーン管理」をタップして表示します。
-{{ ::help_helloworld13.png?nolink&600 |}}
+{{ :help_helloworld13.png?nolink&600 |}}
 「シーン追加」をタップするとシーン編集画面が表示されるので、一旦「戻る」ボタンをタップして前の画面に戻ると、scene2が追加されています。
-scene2の右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。
+scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。
-{{ ::help_helloworld20.png?nolink&600 |}}
+{{ :help_helloworld20.png?nolink&600 |}}
 これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。
@@ 行 38: / 行 39: @@
-{{:outline_info_black_18dp.png?nolink|}}誤って不要なシーンを追加した場合は、当該のシーン右上の「≡」をタップするとメニューが表示されて削除を行うことができます。
+{{:outline_info_black_18dp.png?nolink|}}誤って不要なシーンを追加した場合は、当該のシーン右上「≡」をタップするとメニューが表示されて削除を行うことができます。
-{{ ::help_helloworld14.png?nolink&600 |}}
+{{ :help_helloworld14.png?nolink&600 |}}
 scene1をタップして、シーン編集画面を表示します。
 左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。
@@ 行 47: / 行 48: @@
 {{outline_info_black_18dp.png?nolink}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。
-{{ ::help_helloworld15.png?nolink&600 |}}
+{{ :help_helloworld15.png?nolink&600 |}}
 scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。
+\\
 ## イベントの作成
 {{ :help_helloworld16.png?nolink&600 |}}
 scene1のシーン編集画面に戻ります。赤枠の表示が「イベント:追加編集」になっていることを確認して、画面のドアノブのあたりをタップします。当該箇所にタップイベントが追加されて、下記の左の画面に自動で遷移します（イベントは未追加の状態）。
+※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、（[4.画面と機能について>4.シーン編集](./functions#4. シーン編集)）で詳しく解説しています。
-※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、4.画面と機能について＞4.シーン編集で詳しく解説しています。
+{{ :help_helloworld17.png?nolink&600 |}}
-{{ ::help_helloworld17.png?600 |}}
 ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。
 ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。
@@ 行 65: / 行 67: @@
 これで、scene1のドアノブの付近にタップイベントが追加されて、タップされた場合にイベントが上から順番に実行されます。
 プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。
+\\
 ## テストプレイとアップロード
-{{ ::help_helloworld18.png?600 |}}
+{{ :help_helloworld18.png?nolink&600 |}}
 メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば２シーンのシンプルな脱出ゲームの完成です。
-{{ ::help_helloworld19.png?600 |}}
+{{ :help_helloworld19.png?nolink&600 |}}
 テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。
 OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ及びWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。
@@ 行 79: / 行 83: @@
 画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。
+\\
 ## 作成の役に立つサイトなど
+\\
 ### 素材サイト
 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\
@@ 行 106: / 行 113: @@
 \\
 \\
-\
+\\
+\\
 ### 書籍
 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\
@@ 行 115: / 行 123: @@
 \\
 \\
-### 参考サイトとユーザー制作チュートリアルゲーム
+### 参考サイトとチュートリアルゲーム
 ユーザーさんが作成された下記のブログ記事、チュートリアル作品のゲームでも基本機能の解説やテクニックが説明されていますのでご参照ください。

脱出ゲームメーカー ヘルプWiki

ユーザ用ツール

サイト用ツール

差分

ページ用ツール

脱出ゲームメーカーヘルプWiki