スプライト
シートをタグ付きアニメーションに
シート、連番フレーム、GIF、.asepriteファイルをドロップ。グリッドは信頼度つきで検出され、いつでも変更できます。タグ・タイミング・ピボット・ヒット／ハートボックスは実際のタイムラインで編集します。
スプライト作業画面を開くシートclassic-hero.png · 16×16
プレビューwalk · 10 fps
無料 · ブラウザで動作 · アップロードなし
ブラウザで使えるゲーム素材スタジオ
Nerulioは無料のゲーム素材スタジオです。スプライトシートの分割、アニメーション、アトラスのパッキング、オートタイルのタイルセットまで — Godot・Unity・Phaserなどへそのまま書き出せます。インストールもアップロードも不要です。
またはスプライトシート・フレーム・GIF・.aseprite・タイルセットをこのページのどこにでもドロップ
ワークフロー
スプライトシートからエンジンまで、ひとつのスタジオで
ワークスペースごとにパイプラインの一工程を担当し、結果を次へ渡します。処理はすべてこのブラウザのタブの中で行われます。
パック・書き出し
アトラスをパックしてエンジン別に書き出し
トリム・回転・余白・押し出し・マルチパック対応のMaxRectsパッキング。ワンクリックで各エンジンが読むファイルを書き出します。実際のエンジンで読み戻して確認した書き出しは、下のエンジン一覧に記載しています。
パック＆書き出しを開く
タイル
エンジンと同じに塗れるオートタイル
47タイルのブロブやWangシートの配置をピクセルから判別して地形ビットを埋め、Godot 4と同じルールでテストマップを塗って確認します。
タイル作業画面を開く
ピクセル
ドット絵を描き、拡大されたドット絵を1倍に
Asepriteのキーで使う鉛筆・バケツ・選択・レイヤー、インデックスパレットとLospec、オニオンスキン。拡大・サイズ変更されたドット絵はドットの大きさを測り、1ドット＝1ピクセルに戻します。
ピクセル作業画面を開く
ピクセル・テクスチャ・UIのLabツール
スタジオの横にある単機能ツール：フレームのパレット固定とランプ、テクスチャのチャンネルパックとPBRチェック、9スライスのパネルとビットマップフォント。UIはスタジオのワークスペースが完成するまでLabツールとして提供します。
実際のエンジンで確認した書き出し
書き出した結果を各エンジンで実際に読み込み、項目とピクセルを比較しています。GameMakerとLDtkは形式チェックのみです。
- Godot 4検証済みGodot 4.7.2
- Unity 6検証済みUnity 6000.5.3f1
- Phaser 3 / 4検証済みPhaser 3.90 + 4.2
- PixiJS 8検証済みPixiJS 8.21
- Aseprite検証済みAseprite 1.3.18
- Spine検証済みspine-canvas 4.2
- LÖVE検証済みLÖVE 11.5
- Tiled検証済みTiled 1.12.2
- Starling / Sparrow検証済みPhaser 4.2
- Defoldビルド確認Defold bob.jar 1.13.1
- LDtk一部検証LDtk 1.5.3 schema + loader
- GameMaker未検証
ゲームツールを単体で使う
ゲームツールはそれぞれ専用ページがあります。検索するか、一覧を開いてください。
スプライト
- スプライトを分割透明部分からフレーム候補を検出し、範囲を修正してPNGに分割。
- スプライトアニメのプレビューFPS・フレームごとの長さ・順再生・逆再生・往復を確認し、ぶれをグラフで見られます。
- 基準点エディターフレームごとの基準点をプリセット・ドラッグ・数値で決め、書き出しにそのまま含めます。
- ヒットボックス編集ヒット・被弾・インタラクトのボックスをフレーム範囲に置き、タイムラインで確認します。
- 衝突ポリゴン生成アルファのシルエットから衝突ポリゴンを作り、頂点数と誤差を数値で確認します。
- フレームサイズを統一複数PNGの透明余白を除き、同じキャンバスに揃えます。
- スプライトラボ1枚のシートで分割・整列・アニメ・基準点・ヒットボックス・アトラスまで1画面で。
パック・書き出し
タイル
ピクセル
テクスチャ
- テクスチャラボPBRテクスチャ一式を点検し、ノーマル・チャンネル・端を整えてエンジンへ。
- ノーマルマップ規格変換グリーンチャンネルだけを反転してOpenGL(+Y)とDirectX(−Y)を相互変換。
- チャンネル分離ORM・マスクテクスチャのR/G/B/Aを元のバイトのままグレーPNGに分離。
- RGBAマスクを結合同じサイズの画像の明度をR・G・B・Aに割り当てます。
- PBRテクスチャ点検サイズ不一致・不足マップ・余分なアルファ・チャンネルとノーマルの問題を一括点検。
- エッジのにじみ処理透明なテクセルの下へ色を広げ、ミップマップや縮小で出る暗い縁を防ぎます。
- テクスチャマップ調整グレー・アルファ抽出・反転・高さ勾配によるノーマルマップを作成。
UI・フォント
- UIアセットラボ9スライス・ボタン状態・UIアトラス・ビットマップフォントを一つの画面で作り、実際の画面サイズで確認。
- 9スライスエディターパネル画像の4本の境界線をドラッグで決め、複数の目標サイズでの描画をその場で確認。
- ボタン状態を生成1枚のボタン画像から通常・ホバー・押下・無効・フォーカスを作り、個別PNGとまとめたシートで保存。
- ビットマップフォント作成格子状の文字画像と文字順からPNG・BMFont・JSONを作成。
- 欠け文字チェック翻訳テキストや.txt・.json・.csv・.poをフォントの文字一覧と比較し、欠けている文字と使用箇所を確認。
- UI解像度・倍率プレビュー1280×720から4Kまで、整数倍と1.25・1.5・1.75倍を並べて確認し、文字のはみ出しとコントラスト比もチェック。
その他のファイルツール画像・PDF・動画のツールも引き続き利用できます。
画像
- 画像を圧縮目標容量を設定し、実際の結果を確認。
- 画像形式を変換PNG・JPG・WebPで保存。JPGでは透明背景が合成されます。
- 画像サイズを変更幅と高さを指定。縦横比も維持できます。
- 画像を切り抜き画像上をドラッグするか、縦横比を選択。
- 背景を削除写真を入れるとAIが人物・商品・動物の背景をすぐに消します。新しい背景色やブラシ補正も。
- AI画像拡大小さな写真やイラストをAIで2倍・4倍にくっきり拡大。ドット絵はドットのまま。
- HEIC → JPG単一のHEIC写真に対応。初回に変換器をダウンロードします。
- 画像の余白を切り抜き白色しきい値から余白を検出し、結果を確認して保存。
- ロゴの白背景を除去外周につながる単色背景を除去し、内側の白い領域を残します。
- 商品画像パックEtsy・Shopify向けと任意サイズの画像をフォルダ別ZIPに。
- 印刷比率パック2:3・3:4・4:5・11:14・A判の比率をまとめて出力。
- 見開き画像を分割分割位置と左右の順を指定し、見開き画像を2枚に分けます。
- 画像編集切り抜きから形式変換まで、ひとつの作業室で。