ドロー・ピクセルアート - 無料オンラインピクセルドローイングゲーム - カジュアル ゲーム

Seele01-Flash
作者 Victoria Sanchez
30種類以上の可愛いイラストで美しいピクセルアートを作りましょう!精密なピクセル塗りつぶしが楽しめる無料オンライン描画ゲームです。アーティストやクリエイティブ好きにぴったり。今すぐプレイ!

プロンプト

MODEL: Seele01-Flash
以下のゲーム生成プロンプトを**日本語**に翻訳します。返信は翻訳テキストのみ。マークダウン、コードトークン、数字、改行、HTMLタグ/属性はそのまま正確に維持。ユーザー向けテキストは自然な日本語で翻訳してください。 Three.jsを使用して、「**Voxelアートスタジオ:モバイル版**」をテーマにした**モバイルファーストのゲーム**を生成してください。以下の詳細なゲームデザイン要件を先にお読みいただき、それに従ってコードを生成してください: ### 1. アセットと環境 * **ビジュアルスタイル**:2Dピクセルアートのコンセプトを**3Dボクセル環境**に適応させます。キャンバス上の各「ピクセル」は `BoxGeometry`(立方体)で表現してください。 * **カメラ**:**OrthographicCamera**を使用し、パースペクティブの歪みなく「ピクセルアート」風の見た目を維持します。アイソメトリック角度に配置します(例:位置 (10, 10, 10) で (0, 0, 0) を向く)。 * **グリッドシステム**:「キャンバス」を表す白/グレーのベースキューブの10x10または16x16グリッドを作成してください。 * **参考画像**:「目標画像」(コピーするピクセルアート)を、左上隅に浮かぶ2D UIテクスチャ、またはグリッド上の透明度の高い「ゴースト」オーバーレイとして表示してください。 * **最適化**:多数のキューブが表示される可能性があるため、モバイルデバイスで60FPSのパフォーマンスを確保するために、グリッドキューブには `InstancedMesh` を使用してください。 * **背景**:スクリーンショットに似た、アートに集中しやすい柔らかいソリッドのパステルブルー(hex: #7DA5F6)にします。 ### 2. オーディオ要件 * **BGM**:瞑想的な状態を促す、リラックスできるルーピングするローファイ「スタディビート」またはソフトなチップチューン曲を流します。 * **SFX(インタラクション)**:ボクセルに色を塗る際の、満足感のある柔らかい「ポン」または「カチッ」というブロック音。新しい色を選択する時の「シューッ」という音。 * **SFX(フィードバック)**:「確認」ボタンを押して画像が正解だった時に鳴る、明るい8ビットのファンファーレ。提出が不正解だった時の低音の「ブー」という音。 ### 3. ゲームプレイループ * **データ構造**:レベルデータは、目標画像(例:スクリーンショットのハンバーガー)を表す色コードの2D配列とします。 * **ループ**: 1. プレイヤーは下部パレットから色を選択します。 2. プレイヤーはグリッド上のキューブをタップしてその色を適用します。 3. プレイヤーは間違えた場合、色を上書きできます。 4. **勝利条件**: プレイヤーが目立つ「OK / 確認」ボタンをクリックします。ゲームはプレイヤーのグリッド配列とターゲットレベルの配列を比較します。 5. **勝利**: 100%一致した場合、ボクセルが「ウェーブ」アニメーション(少し上下に動く)を行い、「レベル完了」モーダルが表示されます。 ### 4. モバイル操作とインタラクション * **タッチ処理**: 正確なタッチ検出には`Raycaster`を使用します。指が画面を覆うため、許容範囲を設けるためにレイキャストのヒットボックスを視覚的なキューブより少し大きくしてください。 * **カメラ操作**: * **一本指タップ**: ボクセルを塗ります。 * **二本指ピンチ/ドラッグ**: カメラのズームイン/アウトおよびパン(小さなモバイル画面では必須)。 * **UIレイアウト(縦向きモード)**: * **上部**: レベル進捗 / ターゲット参照画像。 * **中央**: 3Dボクセルグリッド。 * **下部**: スクロール可能な水平カラースウォッチバー(最小タッチターゲット48x48px)。 * **フローティングアクションボタン**: 「確認/OK」ボタンは右下に配置し、親指で簡単にアクセスできるようにしてください。 * **フィードバック**: キューブがタップされると、タッチの視覚的確認のために、少し小さくなって元に戻る(スケール0.9 -> 1.0)アニメーションを短時間再生する必要があります。 ### 5. コード生成 Three.jsのCDNリンクを利用した完全なHTML/JSコードを、単一ファイル構造(スクリプトを含むindex.html)で生成してください。タッチイベントリスナーと塗られたグリッドをターゲットグリッドと比較するロジックに重点を置いてください。 説明を求めないでください。確認を要求しないでください。与えられた指示に基づいて、直接生成タスクを実行してください。
アイデアが遊べるゲームになり、プレイヤーに届く様子
つくる • シェアする • 収益化

ゲームは楽しい。 つくるのはもっと楽しい。

ゲーム紹介

ゲームについて

ドロー・ピクセルアート は、創造性と精密なゲームプレイを融合させた魅力的なオンラインお絵描きゲームです。このピクセルパーフェクトなアート作成ゲームでは、プレイヤーは1つ1つのピクセルを慎重に色付けして美しい画像を再現する挑戦を行います。かわいいキャラクターから魅力的なオブジェクトまで、30種類以上の愛らしい絵の中から選択でき、プレイヤーはデジタルアートのリラックスした世界に没頭できます。

ゲームはシンプルかつ満足感のあるコンセプトに従います:参考画像と空白ピクセルのグリッドが表示されます。あなたの使命は、提示された見本に正確に従って、各ピクセル四角を正しい色で塗りつぶすことです。作品が完璧に完成したと思ったら、「OK」をクリックして、オリジナルデザインを正しく再現できたか確認しましょう。

主な特徴

豊富な絵のコレクション

30種類以上の異なるデザインが利用可能で、ドロー・ピクセルアートは多くの創造的チャレンジを提供します。各絵は単純な幾何学模様から複雑なキャラクターデザインまで、ユニークなアートパズルを提示します。その多様性により、初心者から経験豊富なピクセルアーティストまで、適切な挑戦を見つけることができます。

精密さに基づくゲームプレイ

このゲームは正確さと細部への注意を重視しています。すべてのピクセルが重要であり、参考画像に正確に色を合わせる能力が成功の鍵となります。この仕組みにより、完成した各作品が本物の達成感をもたらします。

リラックスできる創作体験

ドローピクセルアートは、瞑想的でストレスのないゲーム体験を提供します。時間制限や競争要素は一切なく、純粋な創造の喜びだけです。ピクセルアートのスタイルは、クラシックなビデオゲームへの懐かしさを呼び起こしつつ、現代的なアクセシビリティを提供します。

即時フィードバックシステム

内蔵の検証システムが、あなたの作品に対して即座にフィードバックを提供します。絵の完成を思った時、ゲームがすぐにオリジナルと完全に一致しているかどうかを伝え、細部への注意を洗練させるように促します。

遊び方

ドローピクセルアートの遊び方は驚くほどシンプルです:

  1. キャンバスを選ぶ : 30種類以上の用意された絵から作業するものを選びます
  2. 色を選ぶ : カラーパレットをクリックして適切な色合いを選択します
  3. ピクセルを埋める : 各空のピクセル四角をクリックして、選んだ色で塗りつぶします
  4. 参考画像に従う : 提供されている見本画像をガイドとして使用します
  5. 作品を確認する : 完了したら「OK」をクリックし、画像を完璧に再現できたか確認します
  6. 成功を祝う : 完成したピクセル名作の満足感を楽しみましょう!

直感的なポイント&クリックインターフェースで、年齢やスキルレベルを問わず全てのプレイヤーが楽しめます。複雑な操作や急な学習曲線は一切なし。純粋なクリエイティブな楽しさだけです。

このゲームを選ぶ理由

「ドロー・ピクセル・アート」は、創造性、精密さ、リラクゼーションが完璧に融合しています。以下の方に最適です:

  • アート愛好家 :高度なソフトウェアがなくても、デジタルアート創作の喜びを体験できます
  • カジュアルゲーマー :平和で競争のないゲーム体験を楽しめます
  • レトロゲームファン :懐かしいピクセルアートの美学を堪能できます
  • ストレス解消 :瞑想的な色付けプロセスで心をリラックスさせられます
  • スキル向上 :細部への注意力と色彩認識力を高められます
  • 全年齢向け :子供から大人まで楽しめる、家族向けのコンテンツです

このゲームは完全無料で、ダウンロード不要、ウェブブラウザで動作します。5分でも1時間でも、時間がある時に最適な創造の発散場所を提供します。完成した作品はそれぞれが誇れる小さなデジタル名作となり、すべてのゲームセッションが充実したものになります。

よくある質問(FAQ)

ドロー・ピクセルアート - 無料オンラインピクセルドローイングゲーム