クリック可能なグリッドの四角を作成する

Question

私が作成している「戦艦」の種類のゲームについて助けてください。私は白い正方形の7×7グリッドを持っており、私は四角形をクリックすると、画像が表示されるようにクリックコードの下に置いています。 if文を使用してこれを行っています。 if(mx>xxx && mx<xxx && my>xxx &my<xxx)などです。ここでは主な問題が発生しています：

グリッドの上に移動するために他の白い四角形を追加しようとしています。クリックすると、キャンバスに記録されているスコア変数が上がります。だから、ランダムに他の四角形の上に置かれた1つの四角形をクリックすると、スコアは10ポイント上がるか、それほどの価値があります。私がクリックすると、スコアが上がり、それがクリックされたかのように戦艦が現れます。私はどのようにグリッドから1つの正方形に使用する4つの異なる戦艦でこれを行うのだろうか。

また、私は "アヒル" - 私はsubbedしているゲームを終了する方法が不思議です戦艦のために - すべての発見された...

はHERESに私の考え：

while(ducks == not found){ 

    REDO GAME 
} 

if(ducks == found){ 

    display(“Congratulations”,100,100,100,100) 
    ctx.drawImage(rain, 0,0,0,0) 
} 

助けてください！前もって感謝します！

Answer 1

現在のゲームの状態を保持する別の変数game_stateを作成することをお勧めします。

このgame_stateは、例えば三つの値を有する整数であることができる：

0 - セットアップ。 1 - プレイ中。 2 - 仕上げ

または使用可能なものがあります。後で、&を参照して、列挙する整数を変更することができます。

クリック処理の終了時に勝ち条件を確認します。条件が満たされている場合は、状態を「完了」に変更し、勝利メッセージを提示します。

「再生中」の状態を確認することができます&ゲームの状態が「再生中」に変更されるまでクリックをスキップします。これは、たとえば「新しいゲーム」の他のボタンを使って行うことができます。

希望に役立ちます。