パーツで組み立てる、動く絵とゲームの制作ツール
描いた絵を、動かして、遊べる形に。
ESKEES は、PSD やイラストをパーツに分けて組み立て、まばたき・揺れ・アニメーション・ロジックを付けて、キャラクターや壁紙、小さなゲームを作る制作ツールです。作った作品は showcase で公開でき、ブラウザでそのまま遊んでもらえます。
ブラウザ版 ESKEES Studio は、順番待ちでご案内しています。
できること
イラストを描く人が、そのままゲームまで作れるツールです。作った作品は、オープンなファイル形式でエクスポートできます。
-
パーツを組み立てる
PSD / KRA / 画像 / GIF / スプライトシートをインポートし、レイヤーをパーツとして配置します。表情や衣装の差分は、切り替え可能なパーツになります。
-
アニメーションを付ける
タイムラインとイージング、ヌル、メッシュによる髪や服の揺れと風に対応しています。まばたきや口パクも設定できます。
-
ステートを切り替える
表情・衣装・小物を軸ごとのステートとして管理し、再生時に組み合わせます。クリックで着せ替える演出も作れます。
-
ゲームを作る
ブロックでもテキストでも書けるスクリプト、タイルのステージ、キャラクターの操作と当たり判定、サウンド、カメラ、セーブを利用できます。
-
エクスポートする
オープンなファイル形式 EMG(.emg)と、ロジックなどを含む ESKEES 拡張形式(.eskx)でエクスポートします。GIF / APNG / WebM にも対応しています。
-
公開する
showcase に投稿すると、ブラウザで遊んでもらえます。評価とランキングの機能があります。デスクトップの壁紙として表示することもできます。
製品
-
ESKEES Studio
事前登録受付中
ブラウザで使う ESKEES です。インストール不要で、作品の組み立てからエクスポート・公開までを行えます。順番待ちに登録した方から順にご案内しています。
-
ESKEES showcase
公開中
ESKEES で作られた作品を遊べるサイトです。公式サンプル 6 本をいつでも遊べます。評価とランキングの機能があります。
-
ESKEES Editor
準備中
ESKEES のデスクトップ版(Windows)です。Studio と同じ機能を、ローカルのファイルのまま利用できます。
-
ESKEES Screen
テスト版
エクスポートした作品を、Windows のデスクトップ壁紙として表示します。
お知らせ
-
Showcaseを公開しましたNEW
showcase.eskees.com でeskeesのサンプルで遊ぶことができます
-
eskees.com を公開しました
製品サイトを開きました。Editor の公開に向けて準備を進めています。
ESKEES Screen
エクスポートした .emg を、Windows のデスクトップ壁紙として表示します
-
軽量・専用ソフト
OS の WebView で描くので、ブラウザを同梱しません。
-
トレイから操作
表示するファイル、画面への収め方、描画解像度、下地の色を切り替えられます。
-
画面に合わせる
切って埋める・全体を入れる・引き伸ばす の 3 通り。
-
ECOモード
他のウィンドウに覆われている間と、バッテリー駆動や省電力モードのときは、アニメーションを停止します。
- Windows 10 / 11。描画に WebView2 を使います(Windows 11 は標準で入っています)。
- macOS 版についてリリース予定
- テスト版リリース中。動かないときは、実行ファイルの隣の eskees-screen.log を送ってください。
開発者向け
EMG はオープンなフォーマットです(Apache 2.0)。ESKEES の外でも、ブラウザやゲームエンジンで再生・取り込みができます。
CDN
script タグを埋め込み、置き場所を渡すだけです。ビルドもバンドラも要りません。
<div id="layerContainer"></div>
<!-- JSZip(必須依存。.emg は ZIP なので展開に要る) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>
<!-- EMG Player -->
<script src="https://pxrllc.github.io/emg/emg-player.0.3.0.js"></script>
<script>
EMGPlayer.loadEmgFromCDN('https://example.com/avatar.emg');
</script>
- JSZip は必須です。.emg は ZIP 形式のため、展開に使用します。EMG Player より先に読み込んでください。
- 描画先は既定で #layerContainer です。別の要素に出すなら loadEmgFromCDN(url, 'myContainer')。
- 読み込みの結果は window の emg:loaded / emg:error で受け取れます。
- 置き場所は別のオリジンでも構いませんが、CORS を許可してください(fetch で取りに行きます)。
ホストから動かす
EMGPlayer.setFrame(partID, frame) | switch パーツの表示コマを選ぶ |
EMGPlayer.showPart(partID, shown) | パーツの表示・非表示 |
EMGPlayer.setPartPlaying(partID, playing) | パーツごとにアニメーションを停止する |
EMGPlayer.setBlinkState(state) | まばたき(mapping.json が要る) |
EMGPlayer.setViseme(v) | 口パク(同上) |
EMGPlayer.setExpression(name) | 表情(同上) |
EMGPlayer.setPreset(id) | 複数パーツをまとめて切り替える(0.5.0 §5) |
配信元はいま公開リポジトリの GitHub Pages です。将来 eskees.com 側へ移す場合も、版付きの URL は残します。
EMG 仕様
版ごとの規範文書は、公開リポジトリ pxrllc/emg にあります。
-
EMG 0.5.6
現行(stable 前)
全フィールドの一覧。導入された版と、規範文書のどこに書いてあるかつき。
仕様の原本は公開リポジトリにあります。このサイトにはコピーを置かず、原本へのリンクだけを掲載しています。EMG は Apache 2.0 で公開しているファイル形式で、ESKEES はその形式でエクスポートする製品です。
更新履歴
-
eskees.com を公開
製品サイトを開きました。Editor の公開に向けて準備を進めています。
-
EMG 仕様 0.5.4
フレーム単位のトランスフォーム(§7.4.1)と合成モードの規定を追加。
会社
PXR LLC
ESKEES は PXR LLC の製品です。フォーマットである EMG はオープンに保ち、製品として ESKEES を作っています。