プロンプト

色のついた四角を使って描く、12×12グリッドの絵文字モザイクメーカーを作成してください。インストール不要で、他のファイルも一切使わずにブラウザで開ける単一のHTMLファイルにしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部アドレスは一切使用せず、記号が必要な場合は絵文字や文字を使用してください。

パレットから絵文字を選び、グリッド上をクリックまたはドラッグして配置できるようにします。右クリックでマスをクリアできます。

大事なのは、完成した結果がテキストであることです。グリッド全体を絵文字のテキスト行としてコピーし、メッセージなどにそのまま貼り付けられるコピーボタンを追加してください。その下のボックスに、テキストがどう見えるかのプレビューを表示してください。

空っぽのマスから始めるのではなく最初から編集して遊べるように、選ぶとグリッドいっぱいに描かれる初期パターン（ハート、スマイリー、シンプルな花など）をコード内に10〜12個ほど用意してください。

完成したら、結果をコピーして別のフォントが使われている場所に貼り付けても、行のズレがないか確認してください。