Bzzdex
← アプリを作る

ドット絵メーカー

マス目を塗って、小さくてもくっきり鮮明な作品をつくろう · アート ●●

ここを変えてみてください

プロンプト

16×16のマス目と鮮やかな16色を備えたドット絵エディターを作ってください。インストール不要で他のファイルも使わず、ブラウザでそのまま開ける単一のHTMLファイルにしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部URLは一切使用せず、記号が必要な場合は絵文字や文字を使ってください。

マス目をクリックまたはドラッグして塗りつぶせるようにしてください。右クリックで消去できます。マス目の下にパレットを表示し、現在選択されている色に印を付けてください。

同じ色でつながっている範囲を一気に塗る塗りつぶしツールと、1つ前の操作に戻せる「元に戻す(アンドゥ)」機能を追加してください。

完成した絵がぼやけず、ドットがくっきり残るように、8倍のサイズで画像を保存できるダウンロードボタンを設置してください。

マス目の線(グリッド線)はうっすらと表示し、作品全体をすっきり確認できるようにグリッド線を非表示にする切り替え機能をつけてください。

完成したら、外枠に接している部分に塗りつぶしツールを使い、色の範囲外にはみ出さないか確認してください。

使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · 具体例を1つ見せる

塗りつぶしがはみ出したり止まったりする場合は、「クリックしたマスと隣接している同じ色のマスだけを塗りつぶしてください」と伝えてみてください。


返ってきたものを貼り付けてください

作るときに使ったプロンプトも残す(任意)

AIに入力した内容を貼り付けてください。公開するかは後で決められます。

0

こんなものもあります