インタラクティブな科学デモ
アニメーション、調整できるパラメータ、ステップ式の解説で原理を説明します。惑星の運動、音波、光の屈折など。
プロンプト
太陽系の惑星の公転を説明するインタラクティブな Web デモを作ってください：時間の速さや視点の角度を調整でき、惑星をクリックすると今の距離と速度が見られるように。ステップ式の解説カードとアニメーションでケプラーの3法則を順番に説明し、パラメータを変えたら画面がすぐ反応するようにしてください。暗い星空風のデザインで短い説明を添え、スマホでも見られるように。
- 出典
- Ofox
使い方
- 1
「同じものを作る」を押す
Ofox Chat が開き、この依頼文があらかじめ入っています。未ログインの場合は先にログインしてください。
- 2
自分用にアレンジ
プロンプトのハイライト部分を書き換えて、自分の内容に差し替えましょう。
- 3
送信して生成
送信すると Ofox Chat がコードを書いて実行し、結果をプレビューまたはダウンロードできます。会話を続けて手直しもできます。
よくある質問
何ができあがりますか？
そのまま開ける Web ページです。Ofox Chat がコードを書いてサンドボックスで動作を確認し、結果はチャット内でプレビュー、コードファイルはダウンロードできます。
プログラミングの知識は必要ですか？
必要ありません。やりたいことを普段の言葉で伝え、処理したいファイルがあれば一緒にアップロードするだけです。コードは Ofox Chat が書いて実行します。
プロンプトは編集できますか？
はい。プロンプトは Ofox Chat の入力欄に入ります。送信前に自分のテーマに置き換えたり、要件を足したり、不要な部分を消したりできます。
プロンプトはそのままコピーして使えますか？
はい。プロンプトカード右上の「コピー」でプレーンテキストを取得でき、ほかの AI コーディングツールでも使えます。
似ている作例
Webページのプロンプトをもっと見る
自分のアイデアがあるなら、今すぐ作ろう
欲しい画像をひと言で伝えるだけ。Ofox Chat がゼロから生成します。