はじめに
最適化されたスプライト アトラスを作成することは、2D ゲームのパフォーマンスにとって重要です。複数の images を 1 つのシートにバインドすることで描画呼び出しを減らすことで、メモリのオーバーヘッドが低くなり、レンダリングがスムーズになります。ただし、これを効率的に行うために、デスクトップ ユーティリティをインストールしたり、ライセンス料を支払ったりする必要はありません。
ToolBuddy のオンライン テクスチャ パッカーは、ブラウザにデスクトップ グレードのアトラス生成をもたらします。高性能パッキング アルゴリズムと動的メタデータ エクスポーターを組み合わせることで、すべてのプロセスをデバイス上に維持しながら、アセットの準備を簡素化します。
この概要では、ToolBuddy テクスチャ パッカーのコア機能について詳しく説明し、ブラウザファーストのワークフローが最新のゲーム アート パイプラインにとって理想的なソリューションである理由を説明します。
高効率 MaxRects ビン パッキング アルゴリズム
テクスチャ パッカーの中核となるのは、占有率を最大化するようにスプライトを並べ替えて配置する MaxRects ビン パッキング アルゴリズムです。空のマージンを最小限に抑えることで、より多くのスプライトをより小さなテクスチャに適合させ、実行時に貴重な GPU メモリを節約します。
パッカーは大きなスプライト バッチを処理し、ミリ秒単位で座標を計算し、結果のアトラス レイアウトをインタラクティブ キャンバスに表示します。
- 最大シート境界は 4096 × 4096 ピクセルです。
- 大規模なスプライト ディレクトリの動的なマルチパック分割。
- 占有率の計算がプレビュー ダッシュボードに直接表示されます。
包括的なエンジンおよびフレームワーク エクスポーター プリセット
アトラスは、ターゲットのゲーム エンジンが解析できる場合にのみ役立ちます。 ToolBuddy には、一般的なフレームワークで必要とされる正確なメタデータ形式を生成するエクスポーター プリセットが含まれています。
手動で座標をマッピングするのではなく、ドロップダウンからターゲット フレームワークを選択し、パックされたシートと一緒に座標データをエクスポートします。
- Unity: エンジン スプライト エディター用に調整されたメタ構造。
- Phaser & Cocos: JSON Hash/Array および plist メタデータのエクスポート。
- CSS スプライト: ピクセル精度の背景位置を持つ既製のスタイルシート。
正確な透明度、トリム、およびパディングの制御
未加工のスプライトには、余分な透明なスペースが含まれることがよくあります。トリム設定では、エクスポーターのメタデータに元のサイズのメトリクスを保持しながら、パックする前にこの空白を自動的にトリミングし、ゲーム内でアニメーションが正しく配置されるようにします。
パディングおよび押し出しコントロールは、「カラー ブリーディング」(レンダリング スケーリング中に隣接するスプライト カラーが画面上で重なるテクスチャ フィルタリング アーティファクト) を防ぎます。
- カスタム アルファしきい値セレクターを使用したトリム モード。
- スプライトを絶縁するための形状と境界線のパディング オプション。
- 境界ピクセルを複製し、レンダリングの継ぎ目を避けるためのスプライトの押し出し。
スケーリングとフォーマットの最適化パイプライン
ビルドが異なれば、必要なテクスチャ サイズも異なります (モバイルと高解像度デスクトップなど)。組み込みのスケーリング設定により、スムーズ アルゴリズムを使用してパッキング中にスプライトをダウンスケールできるため、ソース ファイルの個別のディレクトリを維持する手間が省けます。
小さなファイル サイズを必要とするプロジェクトの場合は、パッキングとオンデバイス圧縮ツールを組み合わせて、単一のワークフローでテクスチャの重量を軽減できます。
ローカルブラウザ実行によるゲームアートの保護
ゲーム資産は専有物であり、機密性が非常に高いです。アート ファイルをリモート サーバーにアップロードするクラウド コンバーターとは異なり、ToolBuddy は、HTML5 APIs を使用して、ブラウザー メモリ内ですべてのパッキング、レンダリング、および zip の生成を処理します。
これにより完全なセキュリティが確保され、制限されたオフィス環境や安全なネットワークでネットワーク アップロードの待ち時間なしでアトラスを構築できるようになります。