O Mandala! - オンライン描画ゲーム - カジュアル ゲーム

Seele01-Flash
作者 Matthew Green
美しいシンメトリーな曼荼羅をオンラインで無料で描きましょう! O Mandalaは最大100軸のミラーリング、複数のブラシと色を搭載。あらゆるデバイスでリラックスと創造性に最適です。

プロンプト

MODEL: Seele01-Flash
Three.jsを使用して、テーマ「O Mandala!」の **モバイルファーストゲーム** を生成してください。以下の詳細なゲームデザイン要件をお読みいただき、それに従ってコードを生成してください: ### 1. アセットと環境 * **ビジュアルスタイル:** 高彩度の色を、落ち着いた背景に対して使用した、清潔で「禅のような」美的感覚。シーンには、高品質な3D平面を、テクスチャー加工された紙またはデジタルキャンバスを表すものとして含め、柔らかいグラデーションの虚空(ゲームアイコンに似た、シアンから濃い青色へのなだらかな移行を提案)に浮かべます。 * **カメラ:** 正投影カメラを使用し、真正面から上方向(またはごくわずかな傾きで)に配置して、遠近法の歪みなしに正確な描画を保証します。 * **マテリアルとシェーダー:** 描画面は、動的な `THREE.CanvasTexture` を使用する `THREE.PlaneGeometry` でなければなりません。テクスチャは、ユーザーが描く際にリアルタイムで更新される必要があります。背景には、キャンバスから注意をそらすことなく奥行きを加えるために、ゆっくりと浮遊する低ポリゴンの幾何学形状(星またはダイヤモンド)を遠景に含めます。 * **パフォーマンス:** モバイルGPU向けに最適化します。背景のパーティクル数を制限します。 `texture.needsUpdate = true` を効率的に(入力が検出された場合のみ)使用して、バッテリー消費を節約します。 ### 2. オーディオ要件 * **バックグラウンドミュージック (BGM):** リラックスできる、ループするローファイ・ヒップホップまたはアンビエント・スパ楽曲。目立たず、フロー状態を促すものであるべきです。 * **サウンドエフェクト (SFX):** * **描画:** 指がキャンバス上を動いている時のみ再生される、動的な「鉛筆で紙をこする」ASMRサウンド。描画速度に基づいてピッチがわずかに変化しても良い。 * **UI:** 色を選択したり、ブラシサイズを変更する際の柔らかい「ポン」または「泡」のような音。 * **クリア/元に戻す:** 満足感のある「ページをめくる」または「ウーッシュ」という音。 ### 3. ゲームプレイループ * **コアメカニズム(放射対称性):** ユーザーは円の一部のセクターに線を描きます。コードは入力の極座標を計算し、複数の軸を越えてストロークを複製しなければなりません(ミラーリング)。 * **対称性アルゴリズム:** ユーザーが対称数 $N$ を設定した場合、角度 $\theta$ で描かれたすべての点は、$i=1$ から $N$ までの $\theta + (360/N) * i$ でも描画されなければなりません。 * **ツールと状態:** プレイヤーは、パレット経由で別個の色を切り替えたり、「ミラー数」(2から100の軸)をスライダーで調整したりできます。 * **ゴール:** 勝ち/負けの条件はありません。目標は純粋な創造的表現とリラクゼーションです。 * **機能:** 「画像を保存」機能(キャンバスデータをPNGにエクスポート)と「ボードをクリア」ボタンを含めます。 ### 4. モバイルコントロールとインタラクション * **タッチ入力:** * `touchstart`、`touchmove`、`touchend` イベントを、描画平面と交差するレイキャスターにマッピングします。 * **重要:** キャンバス領域にタッチした際のブラウザのデフォルト動作(スクロール/ズーム)を防止します (`event.preventDefault()`)。 * **UIレイアウト(モバイル最適化):** * **下部バー:** 主要ツール(カラーピッカー、対称性スライダー、ブラシサイズ)を画面下部の固定コンテナに配置します。ボタンのタッチターゲットは少なくとも44x44pxにします。 * **上部バー:** 副次的なアクション(元に戻す、クリア、保存)を上部に配置します。 * **画面の向き:** 縦画面モードのロジックを強制しますが、ユーザーがデバイスを回転させた場合(レスポンシブなキャンバスサイズ変更)にキャンバスが正しくスケーリングされることを保証します。 * **フィードバック:** * **視覚的:** 指/レイキャストポイントを追跡する小さなカーソルまたは「ブラシ先端」の円を表示します。 * **触覚的:** UIボタンがクリックされたときに非常に軽い振動(`navigator.vibrate` を使用)をトリガーして、触覚的な確認を提供します。 以下のゲーム生成プロンプトを翻訳します。翻訳されたテキストのみを返します。マークダウン、コードトークン、数字、改行、HTMLタグ/属性はそのまま正確に保持します。ユーザー向けテキストは自然に翻訳してください。 確認を求めず、説明も求めず、与えられた指示に基づいて直接生成タスクを実行してください。

ゲーム紹介

ゲームについて

O Mandala! は、あなたのシンプルな一筆を魅惑的な対称的な傑作に変える、ユニークでリラックスできる描画ゲームです。最大100種類の異なる軸を備えた革新的なミラードローイングボードを使用し、描いたすべての線が自動的に反映され、魅了的なマンダラパターンを作り出します。この無料オンラインゲームは、創造性と瞑想を組み合わせ、美しいデジタルアートを作りながらくつろぐ完璧な方法を提供します。

主な特徴

革新的なミラーリングシステム

このゲームの際立った特徴は、描画を複数の軸で同時に反映する高度なミラーリング技術です。最大100種類の異なる軸構成で、最小限の労力で信じられないほど複雑で美しい対称パターンを作成できます。それぞれのストロークが、より大きく調和の取れたデザインの一部となります。

充実した描画ツール

  • 複数のブラシサイズ :細かいディテール作業から大胆なストロークまで
  • 豊富なカラーパレット :あなたのビジョンを実現する無限の色の組み合わせ
  • さまざまなペンシルタイプ :ユニークな質感と効果のための異なる描画ツール
  • リアルタイム対称性 :描きながらマンダラが進化するのを観察

リラックスできる創造的体験

O Mandala!は瞑想的体験としてデザインされています。穏やかで流れるような対称的なパターンの生成は、鎮静効果をもたらし、ストレス解消やマインドフルな創造活動に最適です。経験豊富なアーティストでも、ただリラックスしたい方でも、ゲームはあなたのスキルレベルに合わせて対応します。

クロスプラットフォームアクセシビリティ

すべてのデバイスでシームレスな描画を楽しめます。マウス操作のデスクトップコンピュータでも、タッチ入力のモバイルデバイスでも完璧に動作し、美しいマンダラをどこでも作成できます。

ゲームメカニクス

ゲームの核となるのは、シンプルかつ強力な対称描画のコンセプトです。カーソルや指を描画ボード上で動かすと、ミラーリングシステムが選択されたすべての軸に対して同一のストロークを生成します。つまり、一本の曲線が瞬時に複雑な多層パターンへと変化します。

描画プロセス

  1. ミラー軸の好みの数を選択(最大100まで)
  2. ブラシサイズと色を選択
  3. キャンバス上で描画を開始
  4. ストロークがミラーリングされ対称パターンが生成される様子を観察
  5. 異なる色や形状を重ねて複雑なデザインを構築
  6. 完成したマンダラ作品を保存または共有

操作ガイド

マウス操作 (デスクトップ): - マウスでキャンバスに直接描画できます - 左クリックしながらドラッグして連続線を作成 - ツールバーからブラシと色を選択可能

タッチ操作 (モバイル): - 画面をタップして指でドラッグして描画 - ピンチジェスチャーで拡大/縮小して細部を描画 - メニューアイコンをタップしてツールと設定を変更

描画のヒント : - 最初は軸を少なめにしてミラーリング効果を理解しましょう - さまざまなテクスチャーを出すためにブラシサイズを試してみてください - 深みと複雑さを出すために色を重ねましょう - 進化するアート作品を鑑賞するために休憩を取りましょう

このゲームをプレイする理由

すべてのスキルレベルに最適

プロのアーティストでも「まっすぐな線すら描けない」人でも、O Mandala! は誰もがアーティストになれます。ミラーリングシステムにより、シンプルなストロークでも美しく複雑なパターンが生まれます。

ストレス解消と瞑想

マンダラ作成の反復的で対称的な性質は、何世紀にもわたって瞑想の一形態として使われてきました。このデジタル版は同じ鎮静効果を画面に再現し、日々のストレスからの完璧な休息を提供します。

即座の満足感

従来のアートのように高度な技術の習得が必要なく、O Mandala!ではすぐに美しい結果が得られます。一筆一筆が魅力的な作品に貢献し、創造の楽しみを持続させ、やる気を維持します。

教育的価値

楽しみながら対称性、パターン認識、色彩理論を学べます。創造的な表現を通じて数学的概念を自然に習得できます。

ソーシャル共有

誇りを持って共有できる作品を作成しましょう。プロフェッショナルな仕上がりは、SNSやデジタルポートフォリオ、または個人の楽しみに最適です。

完全無料

すべての機能を無料でお楽しみいただけます。隠れた費用や有料アップグレードは一切ありません。純粋な創造の楽しみが誰にでもアクセス可能です。

よくある質問(FAQ)

O Mandala! - オンライン描画ゲーム