ホームページ > 記事 > ウェブフロントエンド > JavaScript と HTML5 はキャンバスを使用してカード推測ゲームの実装を構築します。
JavaScript と HTML5 はキャンバスを使用してカード推測ゲームの実装を構築します。
- WBOYオリジナル
- 2016-05-16 17:28:391035ブラウズ
まず、ランダムに 27 枚のカードを生成し、そのうちの 1 つを覚えて、そのカードが配置されている列をクリックします。複数回。
カードが 9 枚の場合は 2 回、27 枚の場合は 3 回推測するだけで済みます。
実装方法 (27 枚のカード):
3 列目をクリックすると、カードがこれら 9 枚のカードの中に含まれる必要があることを意味し、3 列目の 9 枚のカードを平均します。数字が 123、456、789 であると仮定して、3 枚のカードを各列に分割します
2 番目の列をクリックすると、推測されたカードが 456 になり、それを 4、5、3 つの列に分割します。 6
もう一度クリックすると、どのカードであるかがわかります。
実装アルゴリズム:
初めて 3 列目を推測するときは、3 列目のデータを 0 に加算します。 1,2,3,4 , 5, 6, 7, 8 が置き換えられます。
すると、推測された数字が先頭の 9 になります。 2 番目の列を 2 回目に推測するときは、列内の 3 つの数字を 0 に置き換えます、1、2、それからもう3つ前です。
出力は 3 列に出力されますが、この方法では後続のカードが混乱することはなく、なぜそれを推測したかが他の人に知られてしまうため、出力する際には必ず出力する必要があります。順不同です。左右の順序ではなく、上下の順序でのみ出力できます
varrandom = new Array(5);//カスタマイズされた 2 次元の不規則なテーブル
random[0] = [5, 2, 8, 7, 1, 3 , 4, 6, 0];
ランダム[1] = [2, 5, 8, 0, 4, 6, 3, 7, 1]; 2] = [6, 7, 2 , 8, 0, 1, 5, 3, 4];
ランダム[3] = [2, 1, 6, 3, 5, 4, 7, 0, 8]; ;
ランダム[4] = [0, 1, 2, 3, 4, 5, 6, 7, 8]
詳細については、www.shengshiyouxi.com をご覧ください。
