差分

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

--- functions [2020/01/29 09:46] – [10. 画像管理] sakuradasb
+++ functions [2025/11/24 02:50] (現在) – ふらぐらむoff
@@ 行 5: / 行 5: @@
 作成したゲームの一覧画面です。自分が作成したゲームとサンプル２作品が一覧表示されています。
-{{ :help_functions1.png?nolink&600 |作成中ゲーム一覧}}
+{{ :help_functions26.png?nolink&600 |}}
 . 作成する場合は「新規作成」ボタンをタップします。
-. 作成したゲームを削除する場合は当該ゲームの画像を長押しします。
+. 作成したゲームを削除する場合は、作成したゲーム右上の「≡」をタップすると、当該ゲームを削除することができます。
 \\
 \\
@@ 行 15: / 行 15: @@
 ゲーム作成に関するメインメニューの画面です。
-{{ :help_functions2.png?nolink&600 |メニュー}}
+{{ :help_functions27.png?nolink&600 |}}
 . タイトル（ゲーム名称）を編集します。
 . ゲームに関する説明文を編集します。説明文はゲームの紹介画面で表示されます。
+. SNSへの投稿にハッシュタグを追加することができます。
+. ゲームにつけるラベルを入力できます。ラベルは脱出ゲームメーカー内での検索に使用されます。
 . シーン管理画面に遷移します。
 . アイテム管理画面に遷移します。
@@ 行 35: / 行 37: @@
 . ゲームの公開状態を変更します。公開状態（[用語の解説>公開状態](./terminology#公開状態)）は画面右上に表示されています。
-. Twitterにゲーム名とURLを投稿することができます。
+. SNSにゲーム名とURLを投稿することができます。
-. LINEにゲーム名とURLを投稿することができます。
+. ゲームの紹介画面を表示します。
 . 作成したゲームをWebで表示するためのQRコードを表示します。
-. プレイ数、クリア数、いいね数、脱出率、作者以外のヒントコメント、最終更新日時、初回公開日時が表示されます。
+. プレイ数、クリア数、いいね数、脱出率、平均クリアタイム、最速クリアタイム、作者以外のヒントコメント許可/不許可、最終更新日時、初回公開日時が表示されます。
 \\
 \\
@@ 行 45: / 行 47: @@
 ### 3. シーン管理
 シーンの一覧、管理画面です。
-{{ :help_functions4.png?nolink&600 |}}
+{{ :help_functions28.png?nolink&600 |}}
 . 「シーン追加」ボタンをタップすると新規のシーンが追加され、シーン編集画面へ遷移します。
-. シーンの画像を長押しすると以下のメニューが表示されます。
+. シーンの画像右上の「≡」をタップすると以下のメニューが表示されます。
+. 管理画面上のシーンを並び変えることができます。「名称順（降順）」「名称順（昇順）」「作成順（降順）」「作成順（昇順）」を切り替えることができます。
-{{ :help_functions5.png?nolink&600 |}}
+{{ :help_functions29.png?nolink&600 |}}
 (A)開始シーンに指定することができます。ゲームは開始シーンから始まります。
-(B)終了シーンに指定することができます。ゲームは終了シーンに到達するとクリアになります。終了シーンを長押しした場合は「終了シーンを解除」ボタンが表示されます。
+(B)終了シーンに指定することができます。ゲームは終了シーンに到達するとクリアになります。終了シーン右上の「≡」をタップした場合は「終了シーンを解除」ボタンが表示されます。
 (C)シーン名を変更することができます。
 (D)シーンに含まれる背景画像、部品画像、イベントがすべてコピーされます。
@@ 行 66: / 行 69: @@
 ### 4. シーン編集
-シーンに対して、開始時イベント、タップイベント、背景画像、部品画像、移動ボタンを設定する画面です。
+シーンに対して、開始時イベント、タップイベント、背景画像、部品画像、テキスト、移動ボタンを設定する画面です。
 「イベント:追加編集」選択中の状態
-{{ :help_functions6.png?nolink&600 |}}
+{{ :help_functions30.png?nolink&600 |}}
 . 三角形の移動ボタンをタップすると、シーン選択画面が表示されます。プレイ時にこのシーンを表示中に移動ボタンをタップして遷移する、移動先のシーンを指定することができます。
-. シーンの背景画像を指定するための画像選択画面が表示されます。背景画像はスマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。\\
+. シーンの背景画像を指定するための画像選択画面が表示されます。背景画像は画像ライブラリから選択するか、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。\\
 \\
 {{:outline_info_black_18dp.png?nolink|}}スマホから取り込まれた背景画像は450x579pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。\\
@@ 行 99: / 行 102: @@
 \\
 「画像:追加編集」選択中の状態\\
-{{ :help_functions7.png?nolink&600 |}}
+{{ :help_functions31.png?nolink&600 |}}
 . 部品画像に関する操作を行う際にタップします。タップすると「画像:追加編集」→「画像:拡大縮小」→「画像:移動」の順に切り替わります。現在の状態は画面上部中央（黄枠）に表示されます。
 . (6)で切り替えた状態により以下の操作が行なえます。\\
@@ 行 106: / 行 109: @@
 **画像:追加編集**\\
 青枠内をタップすると画像選択画面が表示されます。
-部品画像はスマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真、英数字/カナ/記号のデフォルト部品画像を選択して読み込みます。
+部品画像は画像ライブラリから選択するか、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。また、英数字/カナ/記号/無地色/かなのデフォルト部品画像を選択することもできます。
 部品画像にはPNG画像(透過も利用可能)、JPEG画像を利用することができます。
 プレイ時には部品画像の青枠は表示されません。
 長押しすると以下の部品画像に関する操作メニューが表示されます。
-{{ :help_functions8.png?nolink&600 |}}
+{{ :help_functions32.png?nolink&600 |}}
 (A)部品画像のX座標（横軸、画面左端からの位置）、Y座標（縦軸、画面上端からの位置）を表示、入力して指定することができます。白枠の下部は最小値と最大値です。
 (B)部品画像の幅と高さを表示、入力して指定することができます。白枠の下部は最小値と最大値です。
@@ 行 125: / 行 128: @@
 **画像:移動**\\
 青枠内をドラッグすると部品画像枠の位置を移動することができます。
+\\
+\\
+「文字:追加編集」選択中の状態\\
+{{ :help_functions33.png?nolink&600 |}}
+.テキストに関する操作を行う際にタップします。タップすると「文字:追加編集」→「文字:拡大縮小」→「文字:移動」の順に切り替わります。現在の状態は画面上部中央（黄枠）に表示されます。\\
+(8)で切り替えた状態により以下の操作が行なえます。\\
+\\
+\\
+**文字:追加編集**\\
+青枠内をタップすると以下のテキストに関する「文字の設定」メニューが表示されます。プレイ時にはテキストの青枠は表示されません。
+{{ :help_functions34.png?nolink&600 |}}
+(A)テキストの表示状態（表示/非表示）を切り替えることができます。非表示状態の場合、シーン編集画面では表示されていますが、プレイ時には表示されません。\\
+(B)表示したいテキストを入力します。\\
+(C)テキストの色を選択することができます。\\
+(D)テキストを太字にすることができます。\\
+\\
+青枠を長押しすると以下のテキストに関する操作メニューが表示されます。\\
+{{ :help_functions35.png?nolink&600 |}}
+(A)テキストが色の指定、太字、サイズを含めてコピーされます。\\
+(B)(A)でコピーしたテキストがペーストされます。(A)でコピーした色の指定、太字、サイズがすべて上書きでペーストされて、戻せませんのでご注意ください。新規にテキストを作成してペーストするのがおすすめです。\\
+(C)テキストを削除します。\\
+\\
+**文字:拡大縮小**\\
+青枠をタップしてドラッグすると枠の大きさや形を変更できます。
+\\
+\\
+**文字:移動**\\
+青枠内をドラッグするとテキストの位置を移動することができます。
+\\
+\\
 ### 5. イベント編集
@@ 行 130: / 行 166: @@
 イベント未選択の状態
-{{ :help_functions9.png?nolink&600 |}}
+{{ :help_functions36.png?nolink&600 |}}
 . 追加するイベントを指定するためのイベント選択画面が表示されます。追加を指定したイベントは一番下の行に追加されます。
@@ 行 138: / 行 174: @@
 全コピーしたイベントの内容によっては、ペーストができない場合があります。
 . 追加したイベントの内容が表示されています。タップすると「イベント選択中の状態」の画面表示に変更になります。
-個々のイベントを長押しするとイベントの削除確認ダイアログが表示されて、削除を行うことができます。
+個々のイベント右端の「︙」をタップするとイベントの削除確認ダイアログが表示されて、削除を行うことができます。
 イベントの並び替えはできません。\\
 \\
 イベント選択中の状態
-{{ :help_functions10.png?nolink&600 |}}
+{{ :help_functions37.png?nolink&600 |}}
 . 追加するイベントを指定するためのイベント選択画面が表示されます。(9)で選択している行の前の行にイベントが追加されます。
 . 追加するイベントを指定するためのイベント選択画面が表示されます。(9)で選択している行の後ろの行にイベントが追加されます。選択している行がIF分岐の場合はIF分岐のブロック（黄色いカッコ）の下（黄色い矢印の位置）に追加されます。
 . 追加するイベントを指定するためのイベント選択画面が表示されます。IF分岐の行を選択している場合のみ有効になります。IF分岐のブロック（黄色いカッコ）の一番下にイベントが追加されます。
-. 選択している行のイベントに関する設定内容を変更するための画面が表示されます。
+. 選択している行のイベントに関する設定内容を変更するための画面が表示されます。IF分岐の行を選択している場合にこの「変更」をタップすると、IF分岐条件編集画面へ遷移します。
@@ 行 187: / 行 223: @@
 ### 7. アイテム管理
 アイテムの一覧、管理画面です。
-{{ :help_functions14.png?nolink&600 |}}
+{{ :help_functions38.png?nolink&600 |}}
 . 「アイテム追加」をタップすると新規のアイテムが追加され、アイテム編集画面へ遷移します。
-. アイテムの画像を長押しすると以下のメニューが表示されます。
+. 管理画面上のアイテムを並び変えることができます。「名称順（降順）」「名称順（昇順）」「作成順（降順）」「作成順（昇順）」を切り替えることができます。
+. アイテムの画像右上の「≡」をタップすると以下のメニューが表示されます。
 {{ :help_functions15.png?nolink&600 |}}
@@ 行 200: / 行 237: @@
 ### 8. アイテム編集
 アイテムに対して、画像の指定、タップイベント、アイテム状態を設定する画面です。
-{{ :help_functions16.png?nolink&600 |}}
+{{ :help_functions39.png?nolink&600 |}}
 . アイテム画像をタップするとタップイベントが追加されて、タップイベント編集画面に遷移します。長押しするとタップイベント削除確認のダイアログが表示されて、タップイベントの削除を行うことができます。
-. アイテムの画像を指定するための画像選択画面が表示されます。アイテム画像はスマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。\\
+. アイテムの画像を指定するための画像選択画面が表示されます。アイテム画像は画像イブラリから選択するか、スマホのカメラで撮影するか、または端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面が表示されます）から予め用意した画像や写真を選択して読み込みます。\\
 \\
 {{:outline_info_black_18dp.png?nolink|}}スマホから取り込まれたアイテム画像は360x360pxに変換されます。縦横いずれかの短い方を基準にしてサイズを合わせて、はみ出た部分については切り取られます。\\
@@ 行 209: / 行 246: @@
 . アイテム状態を管理するための以下の画面が表示されます。\\
 アイテムは複数の状態を切り替えることができます。状態ごとにアイテムの画像とタップイベントを変更できます。IF分岐イベントではアイテム状態によって条件判定をすることができます。\\
-{{ :help_functions17.png?nolink&600 |}}
+{{ :help_functions40.png?nolink&600 |}}
 . 「アイテム状態追加」をタップすると新規のアイテム状態が追加され、アイテム編集画面へ遷移します。
-. アイテムの画像を長押しすると以下のメニューが表示されます。
+. アイテムの画像右上の「≡」をタップすると以下のメニューが表示されます。
-{{ :help_functions18.png?nolink&600 |}}
+{{ :help_functions41.png?nolink&600 |}}
 (A)当該の状態をアイテムの初期状態（アイテム取得イベントで取得時の状態）に指定することができます。\\
 (B)アイテム状態を削除します。当該アイテム状態が初期アイテムに指定されている場合は削除できません。初期アイテムの指定を解除してから削除を実施してください。
+. アイテム状態を並び変えることができます。「名称順（降順）」「名称順（昇順）」「作成順（降順）」「作成順（昇順）」を切り替えることができます。
 ### 9. フラグ管理
 フラグの一覧、管理画面です。
-{{ :help_functions19.png?nolink&600 |}}
+{{ :help_functions42.png?nolink&600 |}}
-. 表示するフラグの種類（フラグ/数値/文字列）を選択することができます。フラグはIF分岐(AND/OR)の条件やメッセージ・フラグ表示イベントで利用します。フラグに対する操作については「イベントについて」を参照してください。フラグの詳細についてはこちらを参照。
+. 表示するフラグの種類（フラグ/数値/文字列）を選択することができます。フラグはIF分岐(AND/OR)の条件やメッセージ・フラグ表示イベントなどで利用します。フラグに対する操作については（[「5.イベントについて＞IF分岐」](./events### IF分岐(AND))）を参照してください。フラグの詳細については（[「3.用語の解説＞フラグ」](./terminology### フラグ)）を参照。
 . 追加するフラグを指定するため以下のフラグ編集ダイアログが表示されます。
 {{ :help_functions20.png?nolink&600 |}}
 (A)フラグの名称を指定します。\\
-(B)フラグの種類を選択します。\\
+(B)フラグの種類（フラグ/数値/文字列）を選択します。\\
 \\
 . 追加したフラグが表示されています。個々のフラグをタップすると上記のフラグ編集ダイアログが表示されます。
-個々のフラグを長押しするとフラグの削除確認ダイアログが表示されて、削除を行うことができます。
+個々のフラグ右端の「︙」をタップするとフラグの削除確認ダイアログが表示されて、削除を行うことができます。
+. フラグを並び変えることができます。「名称順（降順）」「名称順（昇順）」「作成順（降順）」「作成順（昇順）」を切り替えることができます。
 ### 10. 画像管理
 画像の一覧、管理画面です。
-{{ :help_functions21.png?nolink&600 |}}
+{{ :help_functions43.png?nolink&600 |}}
 . 表示する画像の種類（シーン背景/シーン部品/アイテム）を選択することができます。
 . カメラを起動して写真を撮影することができます。撮影した写真は(1)で選択されている画像として追加されます。
 . 画像選択画面が表示されます。端末内画像（iOSのカメラロールやAndroidのギャラリーなどの画像選択画面）から予め用意した画像や写真を選択して読み込みます。
+. ライブラリ画像一覧から画像を選択することができます。「部屋」や「森」など複数種類の画像が収録されています。\\
+\\
 また、以下のサイトで脱出ゲームメーカーでの利用にぴったりなシーン背景、家具などの画像について[ふらぐらむOFFさん](https://twitter.com/OFF40601536)が画像を公開されていますのでご参照ください。\\
 \\
@@ 行 249: / 行 290: @@
 \\
 . 追加した画像と画像名が表示されています。\\
-個々の画像を長押しすると以下のメニューが表示されます。
+個々の画像右上の「≡」をタップすると以下のメニューが表示されます。
-{{ :help_functions22.png?nolink&600 |}}
+{{ :help_functions44.png?nolink&600 |}}
 (A)画像名を変更することができます。\\
-(B)画像を削除します。当該画像がシーン背景/シーン部品/アイテム画像に指定されている場合は削除できません。画像の指定を解除してから削除を実施してください。\\
+(B)画像を端末に保存することができます。\\
+(C)画像を削除します。当該画像がシーン背景/シーン部品/アイテム画像に指定されている場合は削除できません。画像の指定を解除してから削除を実施してください。\\
+\\
+. 画像を並び変えることができます。「名称順（降順）」「名称順（昇順）」「作成順（降順）」「作成順（昇順）」を切り替えることができます。\\
 \\
 また、(1)で「シーン背景」を選択時に、個々の画像をタップすると以下のような表示になり、「画像切り抜き」をタップすると以下のシーン背景画像切り抜き画面に遷移します。画像切り抜きは、シーン背景画像にカメラ撮影した画像を利用する場合で同一レイアウトで状態（モノのあり/なし、扉の開/閉など）を変えて撮影して、シーン背景画像にとりこみ差分の部分を切り抜く場合に利用できます。
-{{ :help_functions23.png?nolink&600 |}}
+{{ :help_functions45.png?nolink&600 |}}
 シーン背景画像切り抜き画面
-{{ :help_functions24.png?nolink&600 |}}
+{{ :help_functions46.png?nolink&600 |}}
 . 枠線を上下左右にドラッグして、画像を切り抜く範囲を指定することができます。
-. (5)で指定した範囲で画像切り抜きを実施します。切り抜いた画像はシーン部品画像に保存されます。
+. (7)で指定した範囲で画像切り抜きを実施します。切り抜いた画像はシーン部品画像に保存されます。

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

ユーザ用ツール

サイト用ツール

差分

ページ用ツール

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