
Story Builder
自分だけの4コマ風マンガを作ろう

キャンバスの大きさとパレットを選んで、ドットを置いていきましょう。鉛筆、直線、塗りつぶし、ミラーで描き、12枚のフレームで動かし、作ったものはすべてPNGやスプライトシートとして手元に残せます。
Pixel Painterは、ドット絵を描く人が望むとおりに作られた小さなお絵かきツールです。何もぼかさず、何もなめらかにせず、キャンバスの1ドットはいつも画面上のくっきりした四角いかたまりとして表示されます。キャンバスは8種類の大きさがあり、大きなドットの8×8から、ゆったりした64までそろっていて、横向きのスプライトやバナー用の横長のものも2つあります。まだぬっていないところには市松模様が見え、マス目を数えたいときはドットのグリッドを表示でき、ズームはサムネイルの大きさから、1マスが画面の半分を占めるまで拡大できます。
道具箱ですべての作業ができます。鉛筆と消しゴムは4つのブラシサイズがあり、ディザ鉛筆は陰影用の市松模様を置き、直線、四角形、楕円は輪郭だけか塗りつぶしで描けます。塗りつぶしは、タップした部分だけか、キャンバス上の同じ色のドットすべてを塗れます。スポイトは絵から直接色を拾い、移動ツールはフレーム全体をずらして端で反対側へ回りこませます。ミラーモードは反対側を自動で描いてくれます。左右、上下、または4分割すべてを一度に。顔や翼や宇宙船が半分の時間でできあがります。棚には厳選されたパレットが10種類あり、4色の携帯ゲーム機風の緑から、16色のクラシック、ネオン、キャンディまでそろっています。色相、彩度、明度のピッカーで自分のパレットを作ることもでき、最大32色まで保存できます。フレームごとに50回まで元に戻せるので、気軽に試せます。
アニメーションも組みこまれています。フレームは最大12枚まで追加でき、複製して次のフレームを始めたり、並べかえたりでき、オニオンスキンをオンにすると、描きながら前のフレームを青、次のフレームを赤で確認できます。隅のプレビューは実寸と拡大の両方でずっとループ再生されるので、まだ描いている途中の歩きモーションができあがっていく様子を見られます。再生速度は1秒あたり2〜24フレームで、ループのオンとオフも選べます。空のキャンバスから始めたくないときは、騎士、ドラゴン、スライム、ネコ、ロケット、ハート、コイン、木、家など16種類のお手本スプライトを分解してみましょう。プロジェクトはブラウザに保存されるのであとで続きができ、スプライトができあがったら、フレームを1倍、4倍、8倍、16倍の大きさでPNGとして保存したり、全フレームを横に並べたスプライトシートとして保存して、そのままゲームに使ったりできます。
小さく始めましょう。小さめのキャンバスと、4色の携帯ゲーム機風の緑のような少ない色のパレットを使うと、形がはっきりして、最初のスプライトをすぐに仕上げられます。顔、翼、宇宙船のような左右対称のものはミラーモードをオンにすれば、半分だけ描けばすみます。塗りつぶしは、タップした部分だけか、キャンバス上の同じ色のドットすべてかを選べるので、塗る前にどちらになっているか確かめましょう。フレームごとに50回まで元に戻せるので、Ctrl+Zがあれば安心して試せます。
アニメーションでは、最初のフレームを描いたら複製して、動く部分だけを変えましょう。オニオンスキンは前のフレームを青、次のフレームを赤で表示し、プレビューは作業中もずっと実寸でループ再生されるので、ぎこちない動きにすぐ気づけます。動きがせかせかして見えたらフレームレートを下げ、もたついて見えたら上げましょう。空のキャンバスに向かうのが苦手なら、16種類のお手本スプライトのひとつを分解して、どう作られているかを見てみましょう。
はい。Pixel PainterはKilooでブラウザから無料で使えて、ダウンロードは不要です。プロジェクトはブラウザに保存されるのであとで続きができ、完成した絵はPNGやスプライトシートとして書き出せます。
はい。スマホやタブレットでは、タップで1ドットぬり、ドラッグで線を描きます。ズームすれば1マスを画面の半分まで拡大できます。パソコンでは文字キーで道具を選び、Ctrl+Zで元に戻し、カンマとピリオドのキーでフレームを切り替えます。
最大12枚のフレームでアニメーションを描き、全フレームを横に並べたスプライトシートとして保存すれば、そのままゲームに使えます。1枚のフレームを1倍、4倍、8倍、16倍の大きさでPNGとして保存することもできます。
はい。厳選された10種類のパレットのほかに、色相、彩度、明度のピッカーで自分のパレットを作り、最大32色まで保存できます。スポイトを使えば、絵から直接どんな色でも拾えます。
描いて、塗って、デザインして、音楽を作ろう。

タコと一緒に、まぜて、合わせて、ぬってみよう

3つそろえて、連鎖をつなぐ

岩をたたき、仲間を雇い、もっと深くへ

ステーションを育て、星に火をともそう

タップして、お宝を集めて、金の山を育てよう

パンくずひとつずつ、コロニーを育てよう

タイミングよくタップして、空まで積み上げる

狙って、撃って、浴槽をきれいに

なでて、注いで、ゴロゴロ、もうけて

ラインを回して、ロボットを箱詰め
Pixel Painter
スプライトを描いて、動かして、書き出す