ESKEES 日本語

Getting started with ESKEES Studio

Written against the alpha (September 2026). The screens may change without notice. The app is currently in Japanese; labels are quoted as they appear, with translations.

ESKEES Studio is ESKEES in your browser. Assemble artwork as parts, add motion and logic, and turn it into a character, a wallpaper or a small game.

The quickest way in is to remix a sample. All six samples on showcase open directly in Studio. Start by swapping a single image → Remix a sample

1. The screen

The ESKEES Studio screen with numbered areas: top bar, library, hierarchy, canvas, inspector and bottom panel
  1. Top bar — 「ファイル ▾」 (File: save / open), scenes, 「キャンバス / ロジック」 (Canvas / Logic), 「テストプレイ」 (Test play) and 「エクスポート ▾」 (Export).
  2. Library — where imported assets live. Nothing appears on the canvas until you press 「配置」 (Place).
  3. Hierarchy — the parts on the canvas. Select a part here and the inspector switches to its settings.
  4. Canvas — the work itself. Drag parts to move them.
  5. Inspector — settings for whatever is selected. With nothing selected, it shows the project settings and export.
  6. Bottom panel — timeline, states (expressions / outfits), logic, UI and log.

2. Bring in your artwork

  1. Use 「ファイル ▾」→「アセットをインポート…」 (Import assets) or the library's 「インポート…」 to pick a PSD, KRA, PNG or GIF. Drag-and-drop works too.
  2. Press 「配置」 on the asset in the library to place it in the middle of the canvas.
  3. Each PSD group becomes a part. Groups where only one layer shows at a time (expression or outfit variants) are Switch; groups that stack everything are Static. Change it under the inspector's 「パーツ」 (Parts).

3. Animate

  1. Select a part in the hierarchy and open 「タイムライン」 (Timeline) in the bottom panel.
  2. Press ＋ on a row such as X position or rotation to set a key at the current time. Move the time, change the value, set another key — the part moves between them.
  3. Check it with 「全体再生」 (Play all) above the canvas. For hair or cloth sway, use 「メッシュで揺らす」 (Sway with mesh) in the inspector.

4. Make it playable

The logic screen: triggers, classes, functions and variables on the left, blocks in the middle
  1. Switch the top bar to 「ロジック」 (Logic) to edit the script. Write it as blocks, text or a diagram (「ブロック」「テキスト」「図」) — all three edit the same script.
  2. To move a character with the arrow keys, you need no script: select the part and choose a control in the inspector's 「キャラクター」 (Character) section (8 directions, left/right, or left/right and jump).
  3. Press 「テストプレイ」 to run it on the same engine as the Player. Press Esc to stop.

5. Save and publish

  1. Save often with 「ファイル ▾」→「プロジェクトを保存」 (Save project). Studio runs entirely in your browser and never uploads your work. Reopen the saved .espj with 「プロジェクトを開く…」 (Open project).
  2. 「エクスポート ▾」→「.eskx をエクスポート」 writes a playable file (.emg if you use no logic).
  3. Upload it with a thumbnail from 「作品を投稿」 (Post a work) on showcase, and anyone can play it in the browser.

When you get stuck