Bzzdex
← アプリを作る

お絵描きボード

真っ白なキャンバスと少しの色、そして邪魔するものは何もなし · アート ●●

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

プロンプト

白い紙の上に柔らかい筆で描けるお絵描きボードを作ってください。インストール不要で、他のファイルも一切使わず、ブラウザでそのまま開ける単一のHTMLファイルにしてください。CSSとJavaScriptもその中に含めてください。画像ファイルや外部URLは一切使わないでください。記号が必要な場合は絵文字や文字を使用してください。

キャンバスが画面の大部分を占めるようにしてください。控えめに並んだ操作ツールを一列配置してください:6つの色、3つのブラシサイズ、消しゴム、「元に戻す」、全消去。

マウス操作だけでなく、スマートフォンの画面を指でなぞっても描けるようにしてください。頭の中で両方を検証してください(タッチイベントは特に対処を忘れられがちです)。

「元に戻す」は、すべてを消去するのではなく、1ストロークずつ戻るようにしてください。直近の20ストローク分を保持してください。

描いた絵を画像として保存できるダウンロードボタンを設置してください。

⚠️ ブラウザの外へは一切データを送信しないでください。描いた絵をどこにもアップロードしないでください。

完成したら、素早く線を引いたときに点々の連続にならず、滑らかな線として描かれるかを必ず確認してください。

使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める · やらないことを指定する

素早く描いた線が点々のようになってしまう場合は、「直前の点と新しい点の間を線で結ぶようにしてください」と指示してください。


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

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

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

0

こんなものもあります