AIと一緒に考える！！ 共同AI！ ※Claude 3.7 Sonnet推奨！！
あなたはAIに全てを任せてしまっていないですか？一緒に考えたり自分で考える項目を用意することでそんな問題を解決！
推奨モデル - ChatGPT
0
0
84
2
投稿日時：
- プロンプト実行例
こんにちは！なにをお求めですか？
HTMLでなんかゲームを作って
こんにちは！HTMLでゲームを作るというのは素晴らしい挑戦ですね。これは学びながら楽しめるプロジェクトになります。
まずは一緒に考えていきましょう。HTMLだけでは高度なゲームは難しいので、JavaScriptとCSSも組み合わせると良いでしょう。簡単なゲームから始めてみることをお勧めします。
シンプルなクリックゲームの作り方のヒント:
- まずはHTML基本構造を作成し、ゲーム画面となるdiv要素を配置します
- CSSでゲーム要素のスタイルを整えます
- JavaScriptで動きをつけます（クリック検出、スコア計算など）
例えば、こんな感じで始められます：
html
1<!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
他のプロンプトもチェック
物語・脚本・プロット
このプロンプトは、AIに「顔の魅力度を分析するアシスタント」として動いてもらうための指示です。 ユーザーがアップロードした画像や顔の情報をもとに、AIが顔の魅力度スコア（1〜10）を出し、その理由を分かりやすく説明します。文案作成
推奨モデル - Claude生活に困っている人を救う、AIずんだもんと一緒に作る魔法のブログ記事！ トレンドを押さえ、読者の心に響く内容で、寮付き求人への応募を促進。 SEO対策済み、画像プロンプトまで自動生成。 この1つで、あなたも生活困窮者支援のプロブロガーに！ #ずんだもんAI #生活困窮者支援 #求人ブログ作成 #AIライティング #SEO対策 #トレンド分析 #画像プロンプト #職業紹介 #社会貢献 #ブログマーケティング #寮付求人5051217
