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

ユーザ用ツール

サイト用ツール


helloworld

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
helloworld [2025/11/10 04:04] – [素材サイト] ふらぐらむoffhelloworld [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右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。+scene2右上「≡」をタップすると下記のようなメニューが表示されるので「終了シーンに指定」を選びます。
  
-{{ ::help_helloworld20.png?nolink&600 |}}+{{ :help_helloworld20.png?nolink&600 |}}
  
 これでscene1は開始シーン、scene2が終了シーンとなりました。ゲームは開始シーンから始まり、終了シーンに到達するとクリアになります。   これで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をタップして、シーン編集画面を表示します。   scene1をタップして、シーン編集画面を表示します。  
 左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像(iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます)から予め用意した画像や写真を選択して読み込みます。   左下の「背景選択」をタップすると、画像選択画面が表示されます。こちらでシーンの背景画像を指定します。背景画像はアプリ内の画像ライブラリから選択して設定することができます。その他、スマホのカメラで撮影するか、または端末内画像(iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます)から予め用意した画像や写真を選択して読み込みます。  
行 47: 行 48:
 {{outline_info_black_18dp.png?nolink}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。 {{outline_info_black_18dp.png?nolink}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。
  
-{{ ::help_helloworld15.png?nolink&600 |}}+{{ :help_helloworld15.png?nolink&600 |}}
 scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。 scene2も同様に背景選択から画像ライブラリ又は端末内画像やカメラで撮影した画像を指定します。scene2は終了シーンなので、こちらがクリア時の画面表示になります。
 +
 +\\
 ## イベントの作成 ## イベントの作成
  
 {{ :help_helloworld16.png?nolink&600 |}} {{ :help_helloworld16.png?nolink&600 |}}
 scene1のシーン編集画面に戻ります。赤枠の表示が「イベント:追加編集」になっていることを確認して、画面のドアノブのあたりをタップします。当該箇所にタップイベントが追加されて、下記の左の画面に自動で遷移します(イベントは未追加の状態)。 scene1のシーン編集画面に戻ります。赤枠の表示が「イベント:追加編集」になっていることを確認して、画面のドアノブのあたりをタップします。当該箇所にタップイベントが追加されて、下記の左の画面に自動で遷移します(イベントは未追加の状態)。
 +※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、([4.画面と機能について>4.シーン編集](./functions#4. シーン編集))で詳しく解説しています。
  
-※上記の画面は、背景画像のほかに画像ライブラリからドアのシーン部品画像を追加している状態です。シーン部品画像の追加などについては、4.画面と機能について>4.シーン編集で詳しく解説しています。 +{{ :help_helloworld17.png?nolink&600 |}}
- +
-{{ ::help_helloworld17.png?600 |}}+
 ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。   ①「イベント追加」をタップすると、右のイベント選択画面が表示されます。  
 ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。   ②の「メッセージ表示」をタップしてテキスト入力欄に「ドアを開けてみよう」と入力してOKボタンを押すと、「メッセージ表示」イベントが追加されます。  
行 65: 行 67:
 これで、scene1のドアノブの付近にタップイベントが追加されて、タップされた場合にイベントが上から順番に実行されます。   これで、scene1のドアノブの付近にタップイベントが追加されて、タップされた場合にイベントが上から順番に実行されます。  
 プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。 プレイ画面でscene1のドアノブをタップすると、メッセージが表示されて、その後scene2に移動します。scene2は終了シーンに指定されていますので、ゲームクリアになります。
 +
 +\\
 ## テストプレイとアップロード ## テストプレイとアップロード
  
-{{ ::help_helloworld18.png?600 |}}+{{ :help_helloworld18.png?nolink&600 |}}
 メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば2シーンのシンプルな脱出ゲームの完成です。 メニュー画面に戻り、「テストプレイ」をタップして実行してみましょう。上記の流れでクリアになれば2シーンのシンプルな脱出ゲームの完成です。
  
-{{ ::help_helloworld19.png?600 |}}+{{ :help_helloworld19.png?nolink&600 |}}
 テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。   テストプレイをクリアすると、「アップロード・更新」が実行できるようになります。  
 OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ及びWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。 OKボタンを押して、アップロードが成功すれば作成したゲームが脱出ゲームメーカーのアプリ及びWEBサイトのトップ画面の新着に表示され、アプリとWEBサイトでプレイすることができるようになります。
行 79: 行 83:
 画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。   画面の詳しい使い方やイベントについては、[[start|目次]]から当該の項目を選んで参照してください。  
  
 +\\
 ## 作成の役に立つサイトなど ## 作成の役に立つサイトなど
 +
 +\\
 ### 素材サイト ### 素材サイト
 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\ 脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などのイラスト画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\
行 103: 行 110:
 \\ \\
 [イラストAC](https://www.ac-illust.com/)\\ [イラストAC](https://www.ac-illust.com/)\\
-無料イラスト・アート・年賀状・年賀・画像などの素材がフリー。かわいいフリーイラストも豊富! +無料イラスト・アート・年賀状・年賀・画像などの素材がフリー。かわいいフリーイラストも豊富!\\ 
-\+\\ 
 +\\ 
 +\\ 
 +\\
 ### 書籍 ### 書籍
 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\ 脱出ゲームについての総合的な作り方に関する参考としては以下の書籍が大変おすすめです。ストーリーや設定の考え方、謎の製作の方法について簡易な文章で解説されています。\\
helloworld.1762747471.txt.gz · 最終更新: by ふらぐらむoff