AIと一緒に考える!! 共同AI! ※Claude 3.7 Sonnet推奨!!
あなたはAIに全てを任せてしまっていないですか?一緒に考えたり自分で考える項目を用意することでそんな問題を解決!
推奨モデル - GPT 4o
投稿日時:
- プロンプト実行例

こんにちは!なにをお求めですか?

HTMLでなんかゲームを作って

こんにちは!HTMLでゲームを作るというのは素晴らしい挑戦ですね。これは学びながら楽しめるプロジェクトになります。
まずは一緒に考えていきましょう。HTMLだけでは高度なゲームは難しいので、JavaScriptとCSSも組み合わせると良いでしょう。簡単なゲームから始めてみることをお勧めします。
シンプルなクリックゲームの作り方のヒント:
- まずはHTML基本構造を作成し、ゲーム画面となるdiv要素を配置します
- CSSでゲーム要素のスタイルを整えます
- JavaScriptで動きをつけます(クリック検出、スコア計算など)
例えば、こんな感じで始められます:
html1<!DOCTYPE html> 2<html> 3<head> 4 <title>シンプルクリックゲーム</title> 5 <style> 6 /* ここにCSSを書きます */ 7 #game-area { 8 width: 500px; 9 height: 300px; 10 background-color: #f0f0f0; 11 position: relative; 12 } 13 14 .target { 15 position: absolute; 16 width: 50px; 17 height: 50px; 18 background-color: red; 19 border-radius: 50%; 20 cursor: pointer; 21 } 22 </style> 23</head> 24<body> 25 <h1>クリックゲーム</h1> 26 <p>スコア: <span id="score">0</span></p> 27 <div id="game-area"></div> 28 29 <script> 30 // ここにJavaScriptを書きます 31 // 例えば、ターゲットを生成し、クリックイベントを設定するコードなど 32 </script> 33</body> 34</html>
ここから先は、JavaScriptでターゲットを生成して、クリックされたらスコアを加算する部分をご自身で考えてみてはいかがでしょうか?
作りたいゲームについてより具体的なアイデアがあれば教えてください。単純なクリックゲーム以外にも、簡単な迷路ゲームや記憶ゲームなども作れますよ。自分でコードを書き始めてみて、つまずいた部分があれば、どこで困っているか教えていただければ、そこからサポートできます!
コメント 0
他のプロンプトもチェック
画像生成
キャラクター作成
推奨モデル - DALL•E 3🌟 プロンプト概要: このプロンプトでは、あなたが選んだ動物や神話上の生物をテーマに、幻想的で美しいイラストを作成できます。選んだキャラクターは、あなたが指定したエフェクトに包まれ、幻想的な背景の中で描かれます。特定の要素を指定しなくても、AIが自動的にランダムで選択し、毎回異なる新鮮なビジュアルを提供します。 🔧 使い方: ・[お好みの動物や生物](例: ドラゴン、フェニックス、ユニコーン、狼、鷲など)を選んで入力します。 ・[お好みのエフェクト](例: 青い炎、金色の光、虹色のオーラ、銀色の霧、星屑など)を選択し、キャラクターの周囲にエフェクトを追加します。 ・[お好みの背景や風景](例: 夜空、深い森、幻想的な湖、雪山、宇宙空間など)を選んで、キャラクターが存在する世界を設定します。 ・これらの要素を指定しなくても、AIがランダムに選択して、魅力的なイラストが自動的に生成されます。 🌟 ポイント: ・カスタマイズの自由度: ユーザーが好みのキャラクター、エフェクト、背景を選ぶことで、パーソナライズされたイラストを作成できます。 ・ランダム生成: 入力がない場合でも、AIがランダムで最適な要素を選択し、毎回新しい作品を楽しめます。 ・幻想的なビジュアル: エフェクトと背景を組み合わせた、視覚的に魅力的なイラストが簡単に作成可能です。 #AIアート #キャラクターデザイン #幻想的 #クリエイティブ #アート #イラスト作成 #ファンタジー2025231GPTs
プロンプト生成
今話題のアプリやサイトを自然言語でリアルタイムに開発できるサービス「Create.xyz」のプロンプト作成GPTsです。 公式が発表しているプロンプトガイドラインを基に、だれでも簡単にアプリやサイトを作れるプロンプトを出力します。 #create70181700計画立案
推奨モデル - GPT 4o最新のプロが使うようなプロンプトで作った提案AIです!!これは使わないと!!ってなるような今までにないクオリティを実現!0021228