Bzzdex
← アプリを作る

万華鏡

マウスを動かすと、あらゆる方向へ一気に模様が広がります · アート ●●●

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

プロンプト

6枚の鏡を使って、移り変わる虹色の万華鏡を作ってください。インストール不要で他のファイルも一切使わず、ブラウザですぐに開ける単一のHTMLファイルにしてください。CSSとJavaScriptもその中にすべて含めてください。画像ファイルや外部のURLは一切使わず、記号が必要な場合は絵文字や文字を使ってください。

マウスで描いたものが中央を中心に反射し、すべての面に同時に現れるようにします。マウスを動かすと線が描かれ、動かし続けるにつれて模様が広がっていきます。

画面が線で埋め尽くされないよう、古い線はゆっくりとフェードアウトさせて、画面が常に呼吸しているかのように変化し続けるようにしてください。

クリアボタンと一時停止ボタンを追加してください。スマートフォンで指を使って操作できるようにもしてください。

滑らかな動きを維持してください。もし動作が重くなる場合は、描画を小さくするのではなく線の数を減らしてください。カクカク動く万華鏡は、シンプルなものよりも見劣りしてしまいます。

完成したら、マウスを静止させたときに、同じ場所に線が溜まり続けるのではなく画面が落ち着いた状態を保てるか確認してください。

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

しばらく動かして動作が重くなる場合は、「すべての線を残し続けるのではなく、毎フレームごとにキャンバスを少しずつフェードさせてください」と指示してみてください。


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

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

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

0

こんなものもあります