pxbeeの代替案 — 無料のブラウザピクセル・スプライトツールを比較

「pxbeeの代替案」は、ほとんど何も背後にない検索です。pxbeeは小さなピクセルアートツールのブランドで、それをめぐる第三者の情報は薄いものです。ディレクトリの登録、いくつかのフォーラムでの言及、それでいて、それを使ってプロジェクトを出荷した人が書いた保守されたドキュメントはありません。だからといって、そのツールが悪いわけではありません。検索結果のページからは評価できない、つまりブランドを評価するのは行き止まりだ、ということです。

その下にある問いは安定していて、答えられます。無料で、ブラウザの中で、何もインストールせずにピクセルアートを作るには何を使えばいいのか？ このページでは、保守されているピクセルツールと放棄されたものを見分ける方法、「ピクセルアートが必要だ」という言葉の裏にある三つの異なる意図 — 手で描くこと、説明から生成すること、既存の画像を変換すること — そして、Agent Sprite ForgeのスプライトがどのようにしてNeta Studioの3Dゲームビルダーの等角投影の世界へ直接入っていくのかを扱います。

手短な答え

まず正直な答えから。pxbeeはカバレッジの乏しいピクセルツールのブランドで、それと公平に機能ごとの比較を書くには公開された材料が足りません。比較をうたうページがあるなら、それはおそらく、スクリーンショットと製品の宣伝文句からツールを推測して組み立てているだけです。ですからこのページは、pxbeeと比較するふりはしません。検索を生んだ問いに答えます。今日、無料で、ブラウザの中で、代わりに何を使うべきか。

ピクセルツールがあなたの時間に見合うかは、三つのことが決めます。第一に、書き出しがピクセル単位で正確かどうか — こっそり再サンプリングされた1倍のPNGは、役立たず以下です。なぜなら、一時間描いた後にそれに気づくからです。第二に、アニメーションがツールの一部なのか、別のGIFサイトを通じて後付けするものなのか。第三に、素材が一つのスプライトより大きなものへ生き残るかどうか。平らなPNGを一つ出力するだけのツールは、週末のゲームジャムには十分で、四十体のキャラクターになると苦痛です。

pxbeeの代替案が果たすべきこと

最低限必要なものはこうです。色数の上限を厳格に定めたインデックスパレット、決してアンチエイリアスをかけない1ピクセルの鉛筆、整数倍だけのズーム、最近傍の書き出し、ミリ秒単位のフレームごとの表示時間を備えたフレームタイムライン、そしてフレーム格子が文書化されたPNGスプライトシート。タイムラインがなければ、あるいは格子が文書化されていなければ、あなたの作品がエンジンに届く前に、自分で詰め込みスクリプトを書くことになります。

スプライトを描くのではなく生成するなら、さらに二つの要件を加えてください。再入力できるシードと、生成のたびに変わらない固定の格子サイズです。シードがなければ、腕を直そうと引き直すとパレットもシルエットも変わり、気に入っていた版を失います。固定の格子がなければ、歩行サイクルの二番目のフレームは一番目と並びません。

ブランド名の検索結果が薄い理由

ピクセルアートのツール作りは参入の壁が低いものです。キャンバス、パレットの配列、キーボードショートカットの対応表があれば、週末のプロジェクトになります。そこから、名前とドメインと一年ほどの活動だけがあって、その後は何もない小さなツールの長い裾野が生まれます。ブランドに情報がまったくないとき、その検索結果はありきたりのピクセルアートのトップテン一覧で埋まります。そうした一覧はたいてい、検証ではなく決まった周期で保守されているだけです。一覧はそのブランドが生きている証拠ではありません。一覧が存在する証拠です。

放棄は、めったにドメインの消失としては現れません。多くの場合、ページは今も読み込まれ、キャンバスも今も描けますが、ある特定の部分が壊れています。GIFの書き出しが一フレームしか出さない、シートの書き出しが整数倍でない倍率で再サンプリングする、あるいはそのツールが、あるエンジンではすでに廃止された非推奨のブラウザAPIに依存している。それに気づくのは、ランディングページではなく、一時間作業した後です。だからこそ、下のチェックは、ツールに本腰を入れる前に走らせる価値があります。

ピクセルツールという問い

ブランド名での検索は、本当の要件を隠します。ブランドが必要な人はほとんどいません。必要なのは三つの結果のうちのどれかで、それぞれの結果がツールに異なる要求を課します。意図を間違えることが、いちばん時間を無駄にします。写真を変換したい人が手描きのエディターを開き、読み取れる32×32の顔を手で描くのに一時間かかると知って、やめてしまいます。揃ったキャラクター群が欲しい人が生成ツールを開き、二十種類のパレットを伴う二十種類の変種を受け取り、どれも一そろいには見えないので、一つを選べません。

何かを開く前に意図を決めてください。答えが「両方」なら、作業の順序はたいてい、まず生成し、次に手で直すです。下地のスプライトを生成し、エディターで整えるのは、空のキャンバスから描くのの何分の一かの時間で済み、始める時点でパレットはすでに制約されています。

意図1：手で描く

必要なのは、アンチエイリアスを切った1ピクセルの鉛筆、パレットから外れないようにロックできるインデックスパレット、対称なキャラクターのためのミラーモード、アニメーションのためのおおよそ20〜40パーセントの不透明度のオニオンスキン、1倍から32倍までの整数倍ズーム、そしてフレームタイムラインです。ここでの隘路はツールではなく、判断です。手で描くのなら、実際に文書化できる書き出しの格子を備えたエディターを選び、エディターを比べるのはやめてください。

意図2：説明から生成する

必要なのは、テキスト欄、固定の格子サイズ、再入力できるシード、パレットの上限、方向ごとのフレーム数です。制御と引き換えに網羅性を得ます。十分で三十のスプライト、そのうち六つを残し、三つを手で直します。これは小道具や敵、背景タイルには良い取引で、たった一人の主人公には悪い取引です。ただし、どのみち顔を描き直すつもりなら別です。

意図3：既存の画像を変換する

必要なのは、最近傍またはボックスによる縮小、既定でディザリングを切ったN色への量子化、アルファのしきい値、許容範囲を調整できるクロマキーによる背景除去です。元の形式に注意してください。JPEGは変換ツールが目にする前に色の情報を失っており、十六色への量子化の後、あらゆる圧縮の痕跡がはみ出した色になります。PNGから始め、唯一の元がJPEGなら、縁を手で整えることを覚悟してください。

無料のブラウザ選択肢を比較

この比較は、あなたがどのブランドで検索したかには依存しません。pxbeeを探して来たのでも、ほかの何かを探して来たのでも当てはまります。なぜなら、区分は誰が作ったかではなく、ツールが何を出力するかで決まるからです。表が短いのも同じ理由です。ピクセルツールにできる、本当に異なることはほんの一握りしかありません。

費用の列は、このページでいちばん役に立たない列です。ツールがあなたの工程に合うかどうかを決めるのは、プラットフォームと出力形式です。平らなPNGしか書き出さない無料のブラウザエディターは、有償のデスクトップエディターより安くつきますが、エンジンにつなぐJSONアトラスが必要になった時点で、時間の面ではより高くつきます。誰かがそのアトラスを組み立てなければならないからです。まず生成と3D出力の列を読み、それから費用を確認してください。

二つの行には注意書きが必要です。変換ツールは、人が最も信頼し、最も検証しないツールです。取り込む前に必ず出力を1倍で開いてください。こっそり縁を滑らかにする変換ツールは、4倍では良く見え、1倍では濁ったスプライトを生みます。詰め込みツールは、あなたのフレームの名前付けの良し悪しでしかありません。フレームが final_v2_sheet という名前なら、どんな詰め込みツールも、それを歩行サイクルに並べ替えてはくれません。

このpxbee代替案の比較の読み方

プラットフォームの列で、インストールを必要とするものを探し、アニメーションの列で、フレームが第一級のオブジェクトとして存在するのか、別々のファイルとして存在するのかを見て、3D出力の列で、そのツールに平らな画像の先へ進む道があるかどうかを見てください。ほとんどのピクセルツールはPNGで止まります。それが普通の終点であり、完成したスプライトシートがあまりにも多く、遊べる場面にならない理由でもあります。

ここでスプライトを生成する

Agent Sprite Forgeは一文を受け取り、あなたが設定した格子サイズとパレットの上限で、アニメーションのフレームを備えたスプライトの格子を返します。ブラウザで動きます。インストールの工程はなく、書き出しのどの部分もデスクトップアプリやプラグインを必要としません。

それが何ではないかをはっきりさせておきます。大きなイラストを描いて縮小するのではなく、ピクセルの格子を直接組み立てます。だからこそ、輪郭の太さがフレームを通じて一定に保たれ、パレットがあなたが選んだ上限の中に収まります。写真のような写実性、グラデーション、柔らかい陰影を求めると、結果は貧しくなります。それらはピクセルアートの問題ではないからです。

失敗の仕方は予測でき、それを知っていれば引き直しを減らせます。長いプロンプトは流れます。生成ツールは最初の名詞を保ち、残りを落とすので、題材を先に、制約を後に置いてください。32×32のスプライトの中の読み取れる文字を求める要求は、格子を生き延びません。二ピクセルより細かい細部は1倍では消えます。そして、キャラクター群を一人ずつ異なるパレットで生成すると、それらは一そろいには見えません。一そろいは一度に、一つのパレットで生成してください。

スプライト、そして世界へ

ほとんどのピクセルツールはPNGで終わります。そのシートは、何かが動く前に、あなたが選び、設定し、整えなければならないエンジンの中の素材になります。Neta Studioの3Dゲームビルダーは、同じシートを受け取り、ブラウザの中の等角投影のThree.jsの世界に置きます。だから、あなたが生成したキャラクターは、コードを一行も書かないうちに、タイルの上に立っています。

仕組みが重要です。ピクセルアートが3Dで壊れるのはたいていそこだからです。ビルボードの四角形に載せた32×32のスプライトには、平行投影カメラと最近傍フィルタリングが求められます。マテリアルにはNearestFilter、ミップマップは切る、テクスチャの折り返しはクランプ。ミップマップを有効にすると、スプライトはカメラから一メートルの地点でぼやけます。四角形を1.7倍に拡大すると、カメラが動くにつれてピクセルがちらつきます。テクセルの格子が画面の格子に載らなくなるからです。倍率を整数に、カメラのズームも整数に保てば、ちらつきは消えます。

奥行きが壊れるもう一つのものです。2対1の比率の等角投影のタイル — 32×32のキャラクターの下の32×16のタイル — は、xたすyで並べ替え、二つのタイルにまたがるものは、支点をスプライトの中心ではなく足元に置く必要があります。支点を間違えると、キャラクターは半タイル分浮くか沈みます。これはまさに、物理の問題に見えてそうではない類の不具合です。The Cyclops' IslandとMini Worldはどちらもこの配置を使い、どちらもモデリングされた形状ではなく、スプライトシートから組み立てられました。

シートから引き継がれるもの

取り込みは小さく、厳格です。渡すのは、シート、一フレームのピクセルサイズ、横に並ぶフレーム数、縦に並ぶ方向の行数です。それ以外のすべて — フィルタリング、倍率、支点、深度ソート — は、作品の性質ではなく、オブジェクトの設定です。だから同じシートが、ある場面では鋭く、別の場面では柔らかく見えます。

• シートの格子取り込み側は、横に並ぶフレーム数、縦に並ぶ方向の行数、一フレームのピクセルサイズを必要とします。32×32で6フレーム、4方向なら192×128のシートです。格子を取り違えると、胴の途中で切られたスプライトになります。
• 支点足元は下端の中央。支点をスプライトの中心に置くと、キャラクターがカメラを向くたびに、半タイル分床にめり込みます。
• フィルタリングNearestFilter、ミップマップは切る、折り返しはクランプ、オブジェクトの倍率は整数、カメラのズームも整数。それ以外は、パレットが避けるように設計されたぼやけを呼び戻します。
• 深度ソートタイルの格子上でxたすyで並べ替えます。支点がちょうどタイルの縁に載っているスプライトは、歩くときに二つの奥行きの間でちらつくことがあります。

それが属する世界へ歩き出す

ブランドの問いは古びますが、ツールの問いは古びません。あなたがここへ来た理由が何であれ、役に立つ一歩は同じです。スプライトを一つ生成し、それが住める世界を開く。どちらもこのブラウザのタブの中で、どちらも無料です。

FAQ