ESKEES Studio はじめてガイド

アルファ版（2026 年 9 月時点）の画面で説明しています。画面は予告なく変更される場合があります。

1. 画面構成

1. 上部バー：「ファイル ▾」（保存・開く）、シーンの切り替え、「キャンバス / ロジック」の切り替え、「テストプレイ」、「エクスポート ▾」があります。
2. ライブラリ：インポートしたアセットの一覧です。「配置」を押すまで、キャンバスには表示されません。
3. 階層：キャンバスに配置したパーツの一覧です。パーツを選択すると、インスペクターにそのパーツの設定が表示されます。
4. キャンバス：作品の表示領域です。パーツをドラッグして移動できます。
5. インスペクター：選択中の項目の設定です。何も選択していない場合は、プロジェクト全体の設定とエクスポートが表示されます。
6. 下部パネル：タイムライン（アニメーション）・ステート（表情や衣装の切り替え）・ロジック・UI・ログを切り替えて表示します。

2. イラストをインポートする

1. 「ファイル ▾」→「アセットをインポート…」、またはライブラリの「インポート…」から、PSD・KRA・PNG・GIF などのファイルを選択します。画面にドラッグ＆ドロップしてもインポートできます。
2. ライブラリに追加されたアセットの「配置」を押すと、キャンバスの中央に配置されます。
3. PSD のレイヤーは、グループごとにパーツになります。表情や衣装の差分のように、1 枚だけを表示するグループは Switch にします。すべてのレイヤーを重ねて表示するグループは Static にします。種類はインスペクターの「パーツ」で変更できます。

3. アニメーションを付ける

1. 階層でパーツを選択し、下部パネルの「タイムライン」を開きます。
2. 「X 位置」「回転」などの行の ＋ を押すと、現在の時刻にキーが追加されます。時刻を移動して値を変え、もう一度キーを追加すると、その間がアニメーションします。
3. キャンバス上部の「全体再生」で確認します。髪や服を揺らす場合は、インスペクターの「メッシュで揺らす」を使います。

4. ゲームにする

1. 上部バーで「ロジック」を選ぶと、スクリプトの編集画面になります。表示形式は「ブロック」「テキスト」「図」の 3 種類です。どの形式で編集しても、同じスクリプトが変更されます。
2. キャラクターを矢印キーで動かすだけなら、スクリプトは不要です。パーツを選択し、インスペクターの「キャラクター」で操作方法（8 方向・左右のみ・左右とジャンプ）を選びます。
3. 「テストプレイ」を押すと、Player と同じ再生エンジンで動作を確認できます。終了するには Esc キーを押します。

5. 保存と公開

1. 「ファイル ▾」→「プロジェクトを保存」で、こまめに保存してください。Studio はブラウザ上で動作し、作品をサーバーに送信しません。保存したファイル（.espj）は、「プロジェクトを開く…」で開くと編集を再開できます。
2. 「エクスポート ▾」→「.eskx をエクスポート」で、プレイ用のファイルをエクスポートします。ロジックなどを使っていない場合は .emg になります。
3. showcase の「作品を投稿」から、エクスポートしたファイルとサムネイルをアップロードします。投稿した作品は、誰でもブラウザで遊べるようになります。

困ったときは

• Undo は Ctrl+Z、Redo は Ctrl+Shift+Z です。
• パーツが表示されない場合は、上部バーのシーン（「共通」「★タイトル」など）を切り替えてみてください。シーンによって表示される内容が異なります。
• Studio はアルファ版のため、使いにくい部分が多く残っています。分かりにくかった点は、お問い合わせからお知らせください。