BATTLESHIP WITH HTML?CSS?JAVASCRIPT - STILL NOT WORKING

This commit is contained in:
roozbehk 2022-08-12 12:03:05 -04:00
parent fcd815004c
commit ebab446f47
2 changed files with 60 additions and 12 deletions

View File

@ -22,7 +22,55 @@ You lose if:
* Your code raises an exception.
* All your ships have been sunk.
How To Play
TECHNOLOGIES
--------------
* HTML
* Javascript
* CSS
HOW TO PLAY
--------------
Will Add soon
`state` is a representation of the known state of the opponents fleet, as
modified by the players shots. It is given as an array of arrays; the inner
arrays represent horizontal rows. Each cell may be in one of three states:
`:unknown`, `:hit`, or `:miss`. E.g.
[[:hit, :miss, :unknown, ...], [:unknown, :unknown, :unknown, ...], ...]
# 0,0 1,0 2,0 0,1 1,1 2,1
`ships_remaining` is an array of the ships remaining on the opponent's board,
given as an array of numbers representing their lengths, longest first.
For example, the first two calls will always be:
[5, 4, 3, 3, 2]
If the player is lucky enough to take out the length 2 ship on their first two
turns, the third turn will be called with:
[5, 4, 3, 3]
and so on.
`take_turn` must return an array of co-ordinates for the next shot. In the
example above, we can see that the player has already played `[0,0]`, yielding
a hit, and `[1,0]`, giving a miss. They can now return a reasonable guess of
`[0,1]` for their next shot.
The console runner
------------------
A console runner is provided. It can be started using:
bundle exec bin/play path/to/player_a.rb path/to/player_b.rb
Players are isolated using DRb.
A couple of very basic players are supplied: `NaivePlayer` and
`AnotherNaivePlayer` put all their ships in a corner and guess at random (often
wasting turns by repeating themselves). `HumanPlayer` asks for input via the
console.

View File

@ -74,16 +74,16 @@
</tr>
<tr>
<th class="headers">A</th>
<td class="player-cell" id="00"></td>
<td class="player-cell" id="01"></td>
<td class="player-cell" id="02"></td>
<td class="player-cell" id="03"></td>
<td class="player-cell" id="04"></td>
<td class="player-cell" id="05"></td>
<td class="player-cell" id="06"></td>
<td class="player-cell" id="07"></td>
<td class="player-cell" id="08"></td>
<td class="player-cell" id="09"></td>
<td class="player-cell" id="100"></td>
<td class="player-cell" id="101"></td>
<td class="player-cell" id="102"></td>
<td class="player-cell" id="103"></td>
<td class="player-cell" id="104"></td>
<td class="player-cell" id="105"></td>
<td class="player-cell" id="106"></td>
<td class="player-cell" id="107"></td>
<td class="player-cell" id="108"></td>
<td class="player-cell" id="109"></td>
</tr>
<tr>