SpriteRig 起動確認 · v0.3.6

編集プログラムを読み込んでいます。ここから進まない場合は、公開URLをSafariで開いてください。

SR
SpriteRig Studio WEB LAB · 0.3.6
ブラウザ試作 / 編集は端末内で処理。Windows版と完全な描画一致は保証しません。原本を残して試してください。
128 × 128
起動中…
1本指で移動・2本指で選択パーツを回転/拡縮。画面操作は上の切替から。
1 / 6 F8 FPS
数字をタップ: フレーム移動 / Ctrl または「複数選択」で列選択 / ◆: 選択パーツの変形キー ■: 画像キー
✂ 素材からパーツを切り出す元のPNGは保持され、Windows版からも編集できます
素材を選んでください

☁ pCloud・Dropboxで作品を共有

iPhone・iPadの「共有」からファイルアプリの“ファイルに保存”やpCloudアプリ等を選べます。対応アプリの表示は端末側によります。WindowsではpCloud Drive等の同期フォルダを保存先に選んでください。

「共有保存」は端末の共有機能を利用します。利用できない場合は .srig をダウンロードします。「PC: 保存先を指定」は対応ブラウザのみで使え、Safariでは通常のダウンロードに切り替わります。

PNG素材を取り込む

iPhoneのファイル選択では「ブラウズ」からpCloudやDropboxを選択できます(各アプリでファイル連携が有効な場合)。

注意:pCloudへの自動ログイン・自動同期・競合解決は未対応です。二つの端末で同時編集せず、必ず保存と同期の完了を確認してください。

Web Lab 0.3.6

Windows版と同じ .srig を開き、PNGから四角・多角形・フリーハンド・透明連結領域でパーツを切り出せます。上の「☁素材」またはパーツ一覧の「✂切り出し」からPNGを選び、元画像の上で範囲を指定します。多角形の点はドラッグで動かせ、同じ画像から連続切り出しができます。既存の組立・メッシュも動かせます。パーツの移動・回転・倍率、既存ボーンの回転、画像差し替え、パーツ削除、キー操作、保存・PNG出力を試せます。

iPad/iPhone: プレビューをタップして選択。指でドラッグ。回転モードではピンクのハンドルを操作。移動/回転モードで2本指を置き、ひねると選択パーツの回転、指を開閉すると倍率変更。中心点とXYは固定します。「指の操作 → 画面だけ拡大・移動」で従来の画面ピンチへ切り替えます。指を置くだけではキーは増えません。2本指の後は一度両方離してください。小さい画面では左右の矢印からパーツ/数値を切り替えます。ウィンドウ内で名前や数値を操作しても閉じません。ウィンドウ外のプレビューをタップすると閉じ、最初のタップでは絵を誤操作しません。

スマートフォンのおとな画面下側には、元に戻す・やり直す・再生/停止・選択ボーン削除・回転ロック・拡大縮小ロック・表示リセットの小型ショートカット列があります。Safariで指の操作欄や数値入力をタップして画面が大きくなる場合に備え、入力文字の最小サイズを調整しました。ブラウザ自体のピンチ拡大はSafariで縮小し直してください。

上部「こどもモード」は、ひらがなラベル・大きな絵ボタン・サムネイル選択の簡単画面です。同じ作品とUndo履歴を使い、素材名は「え 1」等の表示名だけに置き換えます。元の名前・キー・メッシュはこどもモードから改名や削除をしません。「おとなの がめん」で戻れます。

保存は端末のファイルへ新しい .srig を出します。「☁ 共有」からiPhone共有シートやPCの保存先指定も利用できます(対応環境のみ)。pCloud等へのアップロード完了は各アプリで確認してください。Safariで保存先を確認してください。元のファイルを上書きせずWindows版へ戻して比較します。

まだできないこと:ウェイト塗り、ピボット変更、パネルのドック変更、本格PWAオフライン、自動クラウド同期。これらの元設定は.srig内に残します。

GPU/互換版は「くっきり」「滑らか」の2方式。元のbicubic/Lanczos設定は保存時に変えませんが、プレビュー・PNGには近似表示を使います。スマホ実機の動作と速度は未検証です。

上限: 100パーツ、1フレーム1024px、240フレーム。ZIP入力64MiB、展開128MiB、描画用画像24メガピクセル、GPU中間画像128MiB(互換描画の作業画像64MiB)。上限内でも端末によって重くなることがあります。

この試作はCloudflare Pagesの静的サイトとして動作します。開いた素材の自動アップロード・解析送信はしません。端末内の復旧データはブラウザのデータ削除で失われることがあります。