ドット絵デザインをブラウザで作成・保存
使い方やチュートリアルは、画面右上の「?」からいつでも確認できます
ログイン不要・データはこの端末だけに保存されます。電波が悪くても引き続き使えます。
アカウント登録なしで、デザインを文字列としてやり取りできます。機種変更前のバックアップにも使えます
ゲーム内で衣装を表示した状態のスクリーンショットを選んでください
スクショに写っている補助線を照合し、キャンバスと位置を自動判定しました(補助線がはっきり写っているほど精度が上がります)
このキャンバスで合っていますか?
キャンバスを自動判定できませんでした。一覧から選んでください
別のキャンバスを選択処理中…
あとからいつでも切り替えられます
保存したデザインはこの端末のブラウザだけに残ります(アカウント登録不要)。機種変更・買い替えの前には「共有コード」でバックアップしておきましょう。
下のコードかURLを、Discordやメモアプリなどに貼って共有できます。「コードを読み込む」から貼り付ければ、いつでも復元できます。
共有されたコードを貼り付けてください。今のデザインは上書きされるため、必要なら先に保存してください。
ぬり方ガイド(おすすめ)
「効率のいい順番を見る」を押すと、「10×10ブロック表示」と同じ番号のブロックを1つずつ順番にめぐりながら、そのブロックの中で色ごとに手順をまとめて案内します。画面は常にその時案内しているブロックへ自動でズームするので、全体図の中の遠い場所を探す必要はありません(右上のボタンでいつでも全体表示にも切り替えられます)。ゲーム内のバケツ(塗りつぶし)ツールは隙間なく囲まれた範囲を全部塗るため、斜めも含めた周囲8マスのどこかに違う色・未着色・キャンバスの外があるマスは先に塗って壁を作らないと、その隙間から意図した範囲を越えて塗り広がってしまいます(キャンバスの一番外側も特別扱いせず、同じように壁が必要な場所として扱います)。そのため、境目のマスは丸印で個別にタップする場所として、周囲8マス全てが同じ色のマスで埋まっている「内側のマス」は境目を塗ったあとバケツでまとめて塗れる場所として示します。画面上部には残り時間の目安が表示され、実際に進めるペースに合わせて自動で更新されます。ブロックを塗り終えるたびに軽い通知(振動含む)でお知らせし、最後まで塗り終えると、かかった時間と塗ったマス数のまとめ画面が表示され、そのままPNGでの保存や共有コードの発行に進めます。
編集する・固定する
「編集する」をONにしている間だけ、キャンバスをタップしてペン・消しゴム・バケツが使えます(誤タップ防止のためです)。「固定する」をONにすると、編集モードに関わらず一切の描画を受け付けなくなり、「編集する」ボタンもグレーアウトして押せなくなります。固定を解除すればまた編集できます。
ツール
ペン・消しゴム・バケツ(塗りつぶし)・スポイト(色を拾う)が使えます。ペン・消しゴムは「太さ」欄で1〜4マスの太さに変更できます。
カラー
ゲーム内で実際に選べる色と完全に一致したパレットから選びます。メインカラーをタップすると、さらに詳しいサブカラーが表示されます。現在選んでいる色は、パレット上に枠付きでマークされます。直近に選んだ色は「最近使った色」にも並ぶので、切り替えたい時はそこからワンタップで選べます。
使用色
今のキャンバスで使われている色の一覧です。行をタップするとその色のマスがキャンバス上でハイライトされます。色の四角い部分だけをタップすると、ハイライトではなくその色をすぐに選択できます。
マスを調べる
キャンバス上のマスをタップすると、そのマスがハイライト表示され、左上に座標と使用色(色番号)が表示されます。編集モードがOFFでも確認だけならいつでもできます。編集モードONのままでも、マスを動かさずに長押しすると、塗らずにそのマスだけ確認できます。
拡大率
スライダーで自由に拡大・縮小できます。タッチ操作の場合は2本指のピンチでも拡大縮小できます。
デザイン枠の輪郭線
デザイン枠(衣装・家具など)で作成すると、実際に使われる部分を示す輪郭線が表示されます。輪郭線の外側もゲーム内の仕様どおり塗ることができます。
マイデザイン
「保存する」で名前を付けて保存し、「一覧を見る」からいつでも呼び出せます。一覧では未着手・作業中・完了で絞り込め、進捗(%)も表示されます。作業中のデザインは常に一覧の上に固定されるので、続きから再開しやすくなっています。「新規作成」から別サイズのキャンバスも作成できます。
オフライン・データの保存について
「アート」機能はアカウント登録・ログインが一切不要です。作成したデザインはサーバーには送信されず、この端末のブラウザ内だけに保存されます。一度開いたページはオフラインでも引き続き使えるので、電波の弱い場所でも安心して作業を続けられます。ただし、ブラウザのデータを消去したり機種変更をしたりすると、保存したデザインも一緒に失われてしまいます。大事なデザインは「共有コード」を使ってバックアップしておくことをおすすめします。
エクスポート・共有
完成したデザインをPNG画像として保存したり、共有したりできます。
共有コード
アカウント登録なしで、デザインを短い文字列(コード)やURL、QRコードとしてやり取りできます。「コードを発行する」で作った文字列は、Discordやメモアプリなどにそのまま貼り付けられます。「コードを読み込む」から貼り付ければ、いつでも同じデザインを復元できます。機種変更前のバックアップとしてもお使いください(この機能はサーバーに一切データを送信せず、ブラウザの中だけで完結します)。
10×10ブロック表示
10×10マスごとの区切り線は、このOFF/ONに関わらず常に薄く表示されます。ONにすると各ブロックに色分けと番号が付き、タップすると未着手・作業中・完了の3段階で進捗を記録できます。