AIと一緒に考える！！共同AI！ ※Claude 3.7 Sonnet推奨！！

アディラス

: AIと一緒に考える！！共同AI！ ※Claude 3.7 Sonnet推奨！！

あなたはAIに全てを任せてしまっていないですか？一緒に考えたり自分で考える項目を用意することでそんな問題を解決！

推奨モデル - GPT-4o

投稿日時：2025/3/12 08:25

プロンプト実行例

こんにちは！なにをお求めですか？

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でターゲットを生成して、クリックされたらスコアを加算する部分をご自身で考えてみてはいかがでしょうか？

作りたいゲームについてより具体的なアイデアがあれば教えてください。単純なクリックゲーム以外にも、簡単な迷路ゲームや記憶ゲームなども作れますよ。自分でコードを書き始めてみて、つまずいた部分があれば、どこで困っているか教えていただければ、そこからサポートできます！

2025/3/16 06:45

このコメントは削除されました

他のプロンプトもチェック

GPTs
キャラクター作成
【GPTs版】X(旧:twitter)のアイコン自動作成ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 イラスト化したい画像を送付するだけで簡単にX(旧:twitter)のアイコン作成が可能です。あなたの写真を送付してX(旧:twitter)のアイコンを作成しましょう。 ▶ブラウザ版も併せて利用してみてください。「X（旧twitter）のアイコン自動作成ツール」▼ https://oshiete.ai/items/105647249230825472 ▶強化版の自動ツイート作成ツールもご利用ください▼ https://oshiete.ai/items/105645706892969984 #X #twitter #sns
8
1
163
591
Tam-BizAI編集長
GPTs
物語・脚本・プロット
Soraでハリウッド映画のような最高級ショートムービーが作成できるGPTs
1分間の短い時間でオシャレに内容を伝えるような動画を生成してみたくありませんか？ただしそんな動画を作るためにはカット割りやカメラワーク、シーンの選定がネックになってきます。このGPSを使用すればそんな難しい作業を一発で解決してくれます。作成した構成案をもとに、AI動画生成や実際の撮影を行えれば超かっこいいシネマティックムービーが完成です。 👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408
10
0
126
218
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
SNS広告
ショート動画自動作成ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 Xやインスタリール、YouTubeショート、TikTok全てに使えるショート動画作成ツールです。ショート動画戦国時代をAIとともに乗り越えましょう！！興味をひける短い動画の自動作成が可能になります。
140
2
1.29K
5.36K
Tam-BizAI編集長
画像生成
SNS広告
推奨モデル - Midjourney
【美女素材】好感度トップAI女性タレント（橋本環◯や浜辺◯波クラス）
背景がない素材用美女。AIタレントなら最高ランク美人をタダで資料や広告に使える－－ #美女 #美人 #AI美女 #女の子
4
0
25
152
user_128286078432577536

AIと一緒に考える！！ 共同AI！ ※Claude 3.7 Sonnet推奨！！

コメント 0

他のプロンプトもチェック

AIと一緒に考える！！共同AI！ ※Claude 3.7 Sonnet推奨！！