カラータップ:数字で塗るぬりえ - カジュアル ゲーム

Seele01-Flash
作者 Riley King
無料のオンライン数字ぬりえゲーム「カラータップ」でリラックスしてくつろぎましょう。ブラウザで美しく細かい絵を塗り、ストレスを軽減し、創造性を発揮してください。

プロンプト

MODEL: Seele01-Flash
以下のゲーム生成プロンプトを日本語に翻訳してください。翻訳文のみを返してください。マークダウン、コードトークン、数字、改行、およびHTMLタグ/属性は、そのまま正確に保持してください。ユーザー向けのテキストは自然に翻訳してください。 Three.jsを使用して、テーマ「**Color Tap: Zen Art Studio**」の**モバイルファーストゲーム**を生成してください。以下の詳細なゲームデザイン要件を先にお読みいただき、それに従ってコードを生成してください。 ### 1. アセットと環境 * **ビジュアルスタイル:** 2.5Dの「ペーパーカットアウト」美学。参照画像の外観を模倣する必要があります:太く黒いコミックブックスタイルの輪郭線と、高彩度の色(深いオレンジ、ティール、鮮やかな赤)を使用してください。 * **キャンバス:** 平坦なHTMLキャンバスの代わりに、描画ボードとして機能するThree.jsの `PlaneGeometry` を使用してください。画像は、未着色の塗り絵領域を表す、個別の「クリック可能なゾーン」(テクスチャマップ、またはボロノイ分割メッシュへのレイキャストを使用)に分割する必要があります。 * **初期状態:** アートワークは、グレースケールまたは白のワイヤーフレームスケッチとして始まります。 * **エフェクト:** * **カラーフィルシェーダー:** 領域がタップされたとき、単に色を即座に入れ替えないでください。カスタムシェーダーを使用して、タップポイントから領域の端へとインクが広がっていく様子をシミュレートするか、着色されたピースが0からわずかにスケールアップするような満足感のある「ポップイン」アニメーションを使用してください。 * **マンダラオーバーレイ:** メインキャンバスの後ろに、スクリーンショットのロゴ美学に合わせて、低い不透明度の微妙な回転マンダラジオメトリを使用してください。 * **モバイル最適化:** 遠近歪みを防ぐために平行投影カメラを使用してください。描画呼び出しを減らすためにテクスチャアトラスを使用する必要があります。 ### 2. オーディオ要件 * **BGM:** 落ち着いた、ローファイビートまたはアンビエントなアコースティックギタートラック。シームレスで、フロー状態を誘発するために邪魔にならないようにする必要があります。 * **SFX (ASMRフォーカス):** * **タップ/塗りつぶし:** 色を塗ったときに、柔らかく満足感のある「筆の濡れた音」または優しい「ポンッ」という音(バブルラップのような)。連続して素早くタップするたびに音程をわずかに高くしてメロディーを作ります。 * **ズーム/パン:** 紙が滑るような、かすかな「シュッ」という音。 * **完了:** 特定の番号の色が完全に塗りつぶされると、風鈴のような和音やコードのうねりが鳴る。 ### 3. ゲームプレイループ * **コアメカニック:** プレイヤーは下部パレット(UI)から番号が振られた色を選択します。キャンバス上で対応する番号の領域を見つけ、タップして塗りつぶさなければなりません。 * **ロジック:** * プレイヤーが*正しい*アクティブカラーで領域をタップした場合: その領域は色で塗りつぶされ、成功音が鳴り、小さなパーティクルが飛び散ります。 * プレイヤーが*間違った*色でタップした場合: 領域が優しく揺れ(視覚的フィードバック)、エラーを示しますが、ペナルティは適用されません(リラックス効果を保つため)。 * **勝利条件:** 全ての領域が塗りつぶされると、黒い輪郭線が輝き、カメラがゆっくりズームアウトして作品全体をフレームに収めます。 ### 4. モバイル操作とインタラクション * **ジェスチャー (重要):** * **1本指タップ:** Raycasterを使用して特定の領域に色を塗ります。 * **2本指ピンチ:** 作品をズームイン/アウトします (Camera.zoomを変更)。 * **2本指ドラッグ:** 詳細部分に到達するため、作品上でカメラをパンします。 * **画面の向き:** 片手操作向けにポートレートモードを推奨しますが、ランドスケープにも対応します。 * **UIレイアウト:** * **カラーパレット:** 画面*下部*(サムゾーン)に固定された、円形のカラースウォッチの水平スクロールリスト。各スウォッチには対応する番号を明確に表示しなければなりません。 * **タッチターゲット:** カラースウォッチのサイズは少なくとも44x44ピクセルにしてください。 * **触覚フィードバック:** 色の塗りつぶしが成功するたびに軽い振動(Taptic Engine)を発生させ、触覚的な感覚を高めます。
アイデアが遊べるゲームになり、プレイヤーに届く様子
つくる • シェアする • 収益化

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

ゲーム紹介

ゲームについて

Color Tap: Coloring by Numbers は、愛されるナンバー塗り絵の芸術をお使いのブラウザに届ける、穏やかなデジタル塗り絵体験です。この無料のオンラインゲームは、日々のストレスからの平和な逃避を提供し、複雑なデザインを塗り絵する瞑想的なプロセスに没頭することを可能にします。長い一日の後にリラックスしたい方でも、単に創造的な休憩を楽しみたい方でも、Color Tapはリラクゼーションと芸術的表現の完璧な融合を提供します。

このゲームは、あなたの色の選択によって命を吹き込まれることを待っている、緻密に作り込まれたアートワークを特徴としています。各画像は番号で区切られたセクションに分かれており、初心者から経験豊富なアーティストまで、わずかなクリックで見事な傑作を創造することが容易になります。

主な特徴

芸術を通じたストレス解消

Color Tapは、伝統的な塗り絵体験をインタラクティブなデジタルの旅へと変えます。優しいタップ操作と落ち着いた色の塗り付けプロセスが自然にストレスを軽減し、マインドフルネスを促進します。完成した各セクションは、満足感のある達成感を提供します。

緻密なアートワークコレクション

自然の風景や抽象的なパターンから建築の驚異まで、多様な繊細なデザインのライブラリを探索してください。どの絵も独自の課題と創造的な機会を提供し、無限に続く魅力的なコンテンツを保証します。

柔軟な創造的表現

番号システムはガイドとして機能しますが、色の選択は自由で、独自の芸術的表現を試すことができます。提案された配色に従うことも、創造力を発揮して個性的なカラーコンビネーションを楽しむこともできます。

全スキルレベルに対応

直感的なデザインにより、Color Tapはあらゆる経験レベルの塗り絵愛好家に最適です。番号システムによって推測作業が不要になりながらも、創造的自由と個人的表現の余地が残されています。

ゲームプレイメカニクス

ゲームはシンプルながら満足感のあるタップ塗りシステムで動作します。パレットから希望の色を選択し、対応する番号が振られた領域をクリックして塗りつぶします。ズーム機能により細部を精密に作業でき、作品を理想通りに仕上げることができます。

進捗的可視化

各番号セクションを体系的に進めることで、作品が一部分ずつ完成していく様子を観察できます。全体像が徐々に明らかになる過程は、継続的なモチベーションと満足感をもたらします。

操作ガイド

マウス操作: - 左クリック : パレットから色を選択し、番号セクションに適用 - マウスホイール : 詳細作業用にキャンバスを拡大/縮小 - クリック長押し : 拡大時にキャンバスをナビゲート

始め方: 1. コレクションからお好きなアートワークを選びます 2. 画面右側のパレットから色を選択します 3. 対応する番号が付いている領域をクリックして色を塗ります 4. ズーム機能を使って細部を仕上げます 5. あなたの傑作が完成するまで続けます

Color Tapを選ぶ理由

メンタルヘルスのメリット

塗り絵は科学的に不安を軽減し、集中力を高め、マインドフルネスを促進することが証明されています。Color Tapはこれらの治療効果を、いつでもどこでもアクセスできる便利なデジタル形式で活用します。

どんなスケジュールにも最適

従来のアートプロジェクトとは異なり、Color Tapでは短時間または長時間のセッションで美しい作品を作れます。進捗状況は自動的に保存されるので、忙しいライフスタイルに最適です。

散らからない、創造性だけ

後片付けなしで従来の塗り絵のメリットを全て楽しめます。鉛筆を削る必要も、紙を整理する必要もありません。ブラウザを通じて純粋に創造を楽しめます。

コミュニティと共有

完成した作品を自慢し、他の人の創造性からインスピレーションを得られます。このゲームは、アート愛好家とリラクゼーションを求める人々の支援的なコミュニティを育成します。

クロスプラットフォーム対応

デスクトップとモバイルデバイス間でシームレスにプレイできます。マウスの精密性を好む方も、タブレットのタッチインターフェースを好む方も、カラー・タップはあなたの好みの入力方法に適応します。

よくある質問(FAQ)

カラータップ:数字で塗るぬりえ