ゲームを作る

クロマティッククエスト

クロマティッククエスト
クロマティッククエストクロマティッククエスト
クロマティッククエスト

クロマティッククエスト

クロマティッククエストクロマティッククエスト

クロマティッククエスト – 詳細なゲーム説明

概要

クロマティッククエストは、三原色(赤・緑・青)のピグメントを使い、指定された色を再現するスピーディーな色混ぜパズルゲームです。各レベルで新しい目標色が提示され、プレイヤーはスライダーでそれぞれのピグメントの割合を調整します。「あなたのミックス」プレビューはリアルタイムで更新され、調整結果がすぐに視覚的にフィードバックされます。満足できたらミックスボタンを押して配合を決定し、色の一致度に応じてポイントを獲得し、次のチャレンジに進みます。シンプルな操作性と戦略的なリソース管理が融合しており、カジュアルゲーマーやパズル好き、色彩に興味のある方に最適なゲームです。

主な特徴

  • ライブミックスプレビュー – スライダーの操作に応じてプレビュー色が即座に変化し、調整結果をその場で確認できます。
  • ダイナミックスコアリング – プレイヤーの配合と目標色との色差(ΔE)に基づいてポイントが獲得できます。一致度が高いほど高得点になります。
  • リソース制限 – 各レベルでは合計ピグメント量が100%に制限され、さらに操作回数にも上限があり、戦略性が求められます。
  • 段階的な難易度上昇 – 目標色が徐々に微妙な色合いになり、より繊細な調整や色彩感覚が求められます。
  • レスポンシブデザイン – デスクトップブラウザとモバイルタッチデバイスの両方に最適化。すべての操作がクリックやタップで可能です。
  • ビジュアルフィードバックアニメーション – ミックスが成功すると、パフォーマンスに応じたアニメーション(完璧なら緑、近ければオレンジ、低い場合は赤)が表示されます。
  • シンプルなUI – 目標色、ライブプレビュー、スライダー、明確なコントロールボタン(ミックス、リセット、次へ)など、すっきりとしたレイアウトです。
  • 繰り返し遊べる – 無制限のレベル、ランダムな目標色、ハイスコアランキングで、何度でも挑戦したくなります。

遊び方

  1. 画面上部の目標色を確認します。
  2. 三つのピグメントスライダー(赤・緑・青)で各ピグメントの割合(0~100%)を設定します。ライブプレビューが即時反映されます。
  3. 合計量のインジケーターを確認し、合計が100%以内になるように調整します。
  4. プレビューが目標色に近づいたら、ミックスを押します。ゲームは最終的な配合と目標色を比較し、ポイントを付与します。
  5. フィードバックメッセージとアニメーションで、どれだけ正確だったかを確認できます。
  6. 次へで新しい目標色に進むか、リセットで現在のレベルをやり直せます。

よくある質問

Q:「ΔE」とは何を表しますか?

A: ΔEは色差を表す標準的な指標です。クロマティッククエストでは、ΔEが低いほど色の一致度が高くなります。ΔEの値をもとにポイントが計算され、距離が小さいほど高得点となります。

Q: なぜ100%の合計量制限があるのですか?

A: すべてのピグメントを最大値にする単純な攻略を防ぐためです。ピグメントの割合を考えて配分する必要があり、戦略性が増します。

Q: デスクトップでマウスは使えますか?

A: はい。すべてのスライダーやボタンはマウスクリックとタッチ操作の両方に対応しており、PC、タブレット、スマホで快適にプレイできます。

Q: レベルはいくつありますか?

A: レベルは無限に生成されます。毎回ランダムな目標色が選ばれるため、常に新しいチャレンジが楽しめます。

Q: ハイスコアは確認できますか?

A: 現在のセッションの合計スコアは画面上部に表示されます。永続的なリーダーボードは外部サービスと連携可能ですが、コアバージョンには含まれていません。

Q: 操作回数制限を超えた場合はどうなりますか?

A: ミックスボタンが無効になり、警告が表示されます。リセットして再挑戦するか、次へ進んで新しいチャレンジを始めてください。

Q: アプリ内課金はありますか?

A: ありません。クロマティッククエストは広告やマイクロトランザクションのない無料のパズルゲームです。

追加情報

  • サウンド – スライダー操作やミックス、フィードバックアニメーション時に控えめな効果音が鳴り、没入感を高めますが邪魔になりません。
  • アクセシビリティ – 高コントラストUIと大きなタッチターゲットで、視覚や運動に障害のある方も快適にプレイできます。
  • パフォーマンス – HTML5、CSS3、バニラJavaScriptで構築されており、追加プラグインなしで最新ブラウザ上でスムーズに動作します。
  • カスタマイズ – 開発者はJavaScript設定を編集するだけでピグメントの追加、合計量制限やスコア計算式の変更が簡単に行えます。

クロマティッククエストは、シンプルながら奥深いパズル体験を提供し、色の感覚・リソース管理・完璧なミックスへの挑戦を楽しめます。

クロマティッククエストの遊び方

  1. 目標色を確認 – 画面上部のスウォッチに、再現すべき色が表示されます。
  2. ピグメントスライダーを調整 – 各ピグメント(赤・緑・青)ごとにスライダーがあり、その下に配置されています。スライダーをドラッグしてピグメントの割合(0~100%)を設定しましょう。「あなたのミックス」スウォッチが即座に更新されます。
  3. 合計量を確認 – スライダーの下のリソースバーで、全ピグメントの合計割合が表示されます。必ず100%以内に収めてください。
  4. 色をミックス – 満足できたらミックスボタンを押します。ゲームが最終的な混色を計算し、目標色と比較して精度に応じたポイントを付与します。
  5. フィードバックを確認 – どれだけ近かったか(パーフェクト、惜しいなど)を示すメッセージと獲得ポイントが表示されます。
  6. レベルを進める – 各ミックス後、次へボタンで新しい目標色に進めます。スコアは引き継がれ、レベルカウンターも増えます。
  7. 必要に応じてリセット – リセットボタンで全スライダーを初期化し、現在のレベルをやり直せます。

ヒント: 合計値が約100%になるようバランスよくミックスすると高得点が狙えます。フィードバックアニメーションも参考にして、どのピグメントを調整すべきか見極めましょう。