Created
September 21, 2021 05:56
-
-
Save wolever/185599d89a349d0a0b83c26472fc5c81 to your computer and use it in GitHub Desktop.
Implementation of probabilistic Battleship playing algorithm roughly as described in https://www.datagenetics.com/blog/december32011/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<script src="./battleship.js"></script> | |
<style> | |
.board, | |
.heatmap { | |
border: 1px solid black; | |
margin: 5px; | |
display: inline-block; | |
} | |
.board td, | |
.heatmap td { | |
width: 20px; | |
height: 20px; | |
border: 1px solid black; | |
padding: 0; | |
vertical-align: middle; | |
text-align: center; | |
} | |
.board td.ship { | |
background-color: green; | |
} | |
.board td.ship.hit { | |
background-color: red; | |
} | |
.board td.ship.sunk { | |
background-color: darkred; | |
} | |
.board td.miss { | |
background-color: blue; | |
} | |
</head> | |
<body> | |
</body> | |
</html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function mkArray(size, dflt) { | |
return (new Array(size)).fill(null).map(x => typeof dflt == 'function' ? dflt() : dflt) | |
} | |
function boardEmpty(sz, dflt) { | |
sz = sz || 10 | |
dflt = dflt === undefined? { type: 'empty' } : dflt | |
return mkArray(sz, () => mkArray(sz, dflt)) | |
} | |
function boardSliceIsEmpty(board, start, end) { | |
for (let y = start[1]; y < end[1]; y += 1) { | |
for (let x = start[0]; x < end[0]; x += 1) { | |
if (board[y] === undefined) | |
return false | |
const val = board[y][x] | |
const isEmpty = ( | |
val !== undefined && | |
val.type == 'empty' | |
) | |
if (!isEmpty) | |
return false | |
} | |
} | |
return true | |
} | |
function boardPlace(board, start, end, value) { | |
const res = board.map((row, idx) => { | |
const needsCopy = idx >= start[1] && idx <= end[1] | |
return needsCopy ? row.concat() : row | |
}) | |
for (let y = start[1]; y < end[1]; y += 1) { | |
const row = res[y] | |
for (let x = start[0]; x < end[0]; x += 1) { | |
res[y][x] = value | |
} | |
} | |
return res | |
} | |
const SHIPS = [ | |
{ | |
"type": "ship", | |
"size": 2, | |
"num": 1, | |
}, | |
{ | |
"type": "ship", | |
"size": 3, | |
"num": 2, | |
}, | |
{ | |
"type": "ship", | |
"size": 4, | |
"num": 3, | |
}, | |
{ | |
"type": "ship", | |
"size": 5, | |
"num": 4, | |
}, | |
] | |
function generateBoards(board, ships, filter, res) { | |
if (res === undefined) | |
res = [] | |
if (!ships.length) { | |
if (filter && !filter(board)) | |
return res | |
res.push(board) | |
return res | |
} | |
const ship = ships[0] | |
const shipsRest = ships.slice(1) | |
for (let y = 0; y < board.length; y += 1) { | |
const row = board[y] | |
for (let x = 0; x < row.length; x += 1) { | |
const start = [x, y] | |
const endHoriz = [x + ship.size, y + 1] | |
if (boardSliceIsEmpty(board, start, endHoriz)) { | |
const placed = boardPlace(board, start, endHoriz, ship) | |
const subboards = generateBoards(placed, shipsRest, filter, res) | |
} | |
const endVert = [x + 1, y + ship.size] | |
if (boardSliceIsEmpty(board, start, endVert)) { | |
const placed = boardPlace(board, start, endVert, ship) | |
const subboards = generateBoards(placed, shipsRest, filter, res) | |
} | |
} | |
} | |
return res | |
} | |
function boardScan(board, callback) { | |
for (let y = 0; y < board.length; y += 1) { | |
const row = board[y] | |
for (let x = 0; x < row.length; x += 1) { | |
const res = callback(x, y, row[x]) | |
if (res !== undefined) | |
return res | |
} | |
} | |
} | |
function boardShoot(board, pos) { | |
const [x, y] = pos | |
const val = board[y][x] | |
const newVal = ( | |
val.type == 'empty' ? { type: 'miss', isKnown: true } : | |
val.type == 'ship' ? { ...val, isHit: true, isKnown: true } : | |
null | |
) | |
if (!newVal) | |
throw new Error("Huh?") | |
const res = boardPlace(board, [x, y], [x + 1, y + 1], newVal) | |
if (newVal.type == 'ship') { | |
// check for sink | |
let shipParts = [] | |
boardScan(res, (x, y, val) => { | |
if (val.type == 'ship' && val.num == newVal.num) { | |
if (!val.isHit) { | |
shipParts = [] | |
return false | |
} | |
shipParts.push([x, y, val]) | |
if (shipParts.length == val.size) { | |
return false | |
} | |
} | |
}) | |
shipParts.forEach(([x, y, ship]) => { | |
res[y][x] = {...ship, isSunk: true} | |
}) | |
} | |
return res | |
} | |
function playHuntAndTarget(board) { | |
// 1. See if there are any hits that have not been sunk | |
const firstHits = [] | |
boardScan(board, (x, y, val) => { | |
if (val.type == 'ship' && val.isHit && !val.isSunk) | |
firstHits.push([x, y, val]) | |
}) | |
while (firstHits.length > 0) { | |
const [x, y, val] = firstHits.pop() | |
const targets = [ | |
[x - 1, y], | |
[x + 1, y], | |
[x, y - 1], | |
[x, y + 1], | |
] | |
for (const [x, y] of targets) { | |
const val = board[y] && board[y][x] | |
const doNotShoot = ( | |
val === undefined || | |
val.isKnown | |
) | |
if (doNotShoot) | |
continue | |
return boardShoot(board, [x, y]) | |
} | |
} | |
// 2. Pick the first odd non-hit spot | |
const spot = boardScan(board, (x, y, val) => { | |
if (x % 2 + y % 2 != 1) | |
return | |
if (val.type == 'empty' || val.type == 'ship' && !val.isHit) | |
return [x, y] | |
}) | |
if (spot) { | |
const [x, y] = spot | |
return boardShoot(board, [x, y]) | |
} | |
return null | |
} | |
function playProbabilistic(board, ships) { | |
const heatmap = boardEmpty(board.length, 0) | |
const boardBitmask = boardEmpty(board.length, 0) | |
const sunkShips = {} | |
const hits = [] | |
boardScan(board, (x, y, val) => { | |
if (val.isSunk) | |
sunkShips[val.num] = true | |
if (val.isHit && !val.isSunk) | |
hits.push([x, y]) | |
boardBitmask[y][x] = ( | |
val.isSunk || val.type == 'miss' ? | |
{ type: 'not-empty' } : | |
{ type: 'empty' } | |
) | |
}) | |
let maxCount = 0 | |
const allPositions = generateBoards( | |
boardBitmask, | |
ships.filter(s => !sunkShips[s.num]), | |
filterBoard => { | |
let coversAllHits = hits.filter(([x, y]) => { | |
return filterBoard[y][x].type == 'ship' | |
}) | |
return coversAllHits.length == hits.length | |
}, | |
) | |
allPositions.forEach(b => { | |
boardScan(b, (x, y, val) => { | |
if (val.type == 'ship' && !board[y][x].isHit) { | |
heatmap[y][x] += 1 | |
const val = heatmap[y][x] | |
if (val > maxCount) | |
maxCount = val | |
} | |
}) | |
}) | |
if (maxCount == 0) { | |
return null | |
} | |
let maxLoc = null | |
boardScan(heatmap, (x, y, val) => { | |
heatmap[y][x] = val / maxCount | |
if (val == maxCount) | |
maxLoc = [x, y] | |
}) | |
return [boardShoot(board, maxLoc), heatmap] | |
} | |
function boardRender(board) { | |
if (!board) | |
return "(no board)" | |
const res = [`<table class="board">`] | |
board.forEach(row => { | |
res.push(`<tr>`) | |
res.push(...row.map(space => { | |
const classes = [ | |
space.type, | |
space.isHit && 'hit', | |
space.isSunk && 'sunk', | |
] | |
return `<td class="${classes.join(' ')}">${space.size || ''}</td>` | |
})) | |
res.push(`</tr>`) | |
}) | |
res.push(...'</table>') | |
return res.join('') | |
} | |
function heatmapRender(board) { | |
if (!board) | |
return "(no board)" | |
const res = [`<table class="heatmap">`] | |
board.forEach(row => { | |
res.push(`<tr>`) | |
res.push(...row.map(space => { | |
return `<td style="background-color: red; opacity: ${space}"></td>` | |
})) | |
res.push(`</tr>`) | |
}) | |
res.push(...'</table>\n') | |
return res.join('') | |
} | |
(() => { | |
const ships = SHIPS.slice(0, 4) | |
const boards = generateBoards(boardEmpty(7), ships) | |
let b = boards[parseInt(Math.random() * boards.length)] | |
let heatmap | |
let count = 0 | |
while (b) { | |
document.write(boardRender(b)) | |
const x = playProbabilistic(b, ships) | |
if (!x) | |
break | |
b = x[0] | |
heatmap = x[1] | |
document.write(heatmapRender(heatmap)) | |
document.write("<br />") | |
if (count++ > 100) | |
break | |
} | |
})() |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- saved from url=(0041)file:///Users/wolever/tmp/battleship.html --> | |
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> | |
</head><body><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="empty "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5032447196140666"></td><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.9221944844283572"></td><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.5032447196140666"></td></tr><tr><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.8106333451779402"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.9447750227356223"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.8106333451779402"></td><td style="background-color: red; opacity: 0.6999364607110378"></td></tr><tr><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.9670137738724035"></td><td style="background-color: red; opacity: 0.9830024873674257"></td><td style="background-color: red; opacity: 0.9670137738724035"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.8689848469335517"></td></tr><tr><td style="background-color: red; opacity: 0.9221944844283572"></td><td style="background-color: red; opacity: 0.9447750227356223"></td><td style="background-color: red; opacity: 0.9830024873674257"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9830024873674257"></td><td style="background-color: red; opacity: 0.9447750227356223"></td><td style="background-color: red; opacity: 0.9221944844283572"></td></tr><tr><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.9670137738724035"></td><td style="background-color: red; opacity: 0.9830024873674257"></td><td style="background-color: red; opacity: 0.9670137738724035"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.8689848469335517"></td></tr><tr><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.8106333451779402"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.9447750227356223"></td><td style="background-color: red; opacity: 0.9128216864712507"></td><td style="background-color: red; opacity: 0.8106333451779402"></td><td style="background-color: red; opacity: 0.6999364607110378"></td></tr><tr><td style="background-color: red; opacity: 0.5032447196140666"></td><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.9221944844283572"></td><td style="background-color: red; opacity: 0.8689848469335517"></td><td style="background-color: red; opacity: 0.6999364607110378"></td><td style="background-color: red; opacity: 0.5032447196140666"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.4983285697571412"></td><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.8375850340136054"></td><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.4983285697571412"></td></tr><tr><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.809977184977185"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.744783048354477"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.809977184977185"></td><td style="background-color: red; opacity: 0.6948605609319896"></td></tr><tr><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.632813936385365"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.868067743067743"></td></tr><tr><td style="background-color: red; opacity: 0.8375850340136054"></td><td style="background-color: red; opacity: 0.744783048354477"></td><td style="background-color: red; opacity: 0.632813936385365"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.632813936385365"></td><td style="background-color: red; opacity: 0.744783048354477"></td><td style="background-color: red; opacity: 0.8375850340136054"></td></tr><tr><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.632813936385365"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.868067743067743"></td></tr><tr><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.809977184977185"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.744783048354477"></td><td style="background-color: red; opacity: 0.9239823079108793"></td><td style="background-color: red; opacity: 0.809977184977185"></td><td style="background-color: red; opacity: 0.6948605609319896"></td></tr><tr><td style="background-color: red; opacity: 0.4983285697571412"></td><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.8375850340136054"></td><td style="background-color: red; opacity: 0.868067743067743"></td><td style="background-color: red; opacity: 0.6948605609319896"></td><td style="background-color: red; opacity: 0.4983285697571412"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.48888842135635197"></td><td style="background-color: red; opacity: 0.6809501196215391"></td><td style="background-color: red; opacity: 0.8543397371932819"></td><td style="background-color: red; opacity: 0.8278381562654036"></td><td style="background-color: red; opacity: 0.8155273566645427"></td><td style="background-color: red; opacity: 0.6886233304079155"></td><td style="background-color: red; opacity: 0.4943179768932062"></td></tr><tr><td style="background-color: red; opacity: 0.6809501196215391"></td><td style="background-color: red; opacity: 0.7917593382945215"></td><td style="background-color: red; opacity: 0.9104431406965701"></td><td style="background-color: red; opacity: 0.7385367700982219"></td><td style="background-color: red; opacity: 0.7821911179504443"></td><td style="background-color: red; opacity: 0.811531456256988"></td><td style="background-color: red; opacity: 0.6925531083566766"></td></tr><tr><td style="background-color: red; opacity: 0.8543397371932819"></td><td style="background-color: red; opacity: 0.9104431406965701"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.6419649190300436"></td><td style="background-color: red; opacity: 0.7324174370934972"></td><td style="background-color: red; opacity: 0.9461597879272412"></td><td style="background-color: red; opacity: 0.8747851020089206"></td></tr><tr><td style="background-color: red; opacity: 0.8278381562654036"></td><td style="background-color: red; opacity: 0.7385367700982219"></td><td style="background-color: red; opacity: 0.6419649190300436"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.21573804686278988"></td><td style="background-color: red; opacity: 0.7727280924271751"></td><td style="background-color: red; opacity: 0.8484067492997031"></td></tr><tr><td style="background-color: red; opacity: 0.8155273566645427"></td><td style="background-color: red; opacity: 0.7821911179504443"></td><td style="background-color: red; opacity: 0.7324174370934972"></td><td style="background-color: red; opacity: 0.21573804686278988"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6489032688539175"></td><td style="background-color: red; opacity: 0.7488353430553385"></td></tr><tr><td style="background-color: red; opacity: 0.6886233304079155"></td><td style="background-color: red; opacity: 0.811531456256988"></td><td style="background-color: red; opacity: 0.9461597879272412"></td><td style="background-color: red; opacity: 0.7727280924271751"></td><td style="background-color: red; opacity: 0.6489032688539175"></td><td style="background-color: red; opacity: 0.8501033914810229"></td><td style="background-color: red; opacity: 0.7105985284747353"></td></tr><tr><td style="background-color: red; opacity: 0.4943179768932062"></td><td style="background-color: red; opacity: 0.6925531083566766"></td><td style="background-color: red; opacity: 0.8747851020089206"></td><td style="background-color: red; opacity: 0.8484067492997031"></td><td style="background-color: red; opacity: 0.7488353430553385"></td><td style="background-color: red; opacity: 0.7105985284747353"></td><td style="background-color: red; opacity: 0.504430204739177"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5894852100193514"></td><td style="background-color: red; opacity: 0.8302038670229778"></td><td style="background-color: red; opacity: 0.8835800588672127"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9807732961844723"></td><td style="background-color: red; opacity: 0.8182488359361025"></td><td style="background-color: red; opacity: 0.5840863385786225"></td></tr><tr><td style="background-color: red; opacity: 0.8302038670229778"></td><td style="background-color: red; opacity: 0.9930671118748069"></td><td style="background-color: red; opacity: 0.768298434002049"></td><td style="background-color: red; opacity: 0.9164231934649805"></td><td style="background-color: red; opacity: 0.9573239810714267"></td><td style="background-color: red; opacity: 0.9715908782923087"></td><td style="background-color: red; opacity: 0.8182488359361025"></td></tr><tr><td style="background-color: red; opacity: 0.8835800588672127"></td><td style="background-color: red; opacity: 0.768298434002049"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.26276133844310856"></td><td style="background-color: red; opacity: 0.521451841091049"></td><td style="background-color: red; opacity: 0.9573239810714267"></td><td style="background-color: red; opacity: 0.9807732961844723"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9164231934649805"></td><td style="background-color: red; opacity: 0.26276133844310856"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.26276133844310856"></td><td style="background-color: red; opacity: 0.9164231934649805"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.9807732961844723"></td><td style="background-color: red; opacity: 0.9573239810714267"></td><td style="background-color: red; opacity: 0.521451841091049"></td><td style="background-color: red; opacity: 0.26276133844310856"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.768298434002049"></td><td style="background-color: red; opacity: 0.8835800588672127"></td></tr><tr><td style="background-color: red; opacity: 0.8182488359361025"></td><td style="background-color: red; opacity: 0.9715908782923087"></td><td style="background-color: red; opacity: 0.9573239810714267"></td><td style="background-color: red; opacity: 0.9164231934649805"></td><td style="background-color: red; opacity: 0.768298434002049"></td><td style="background-color: red; opacity: 0.9930671118748069"></td><td style="background-color: red; opacity: 0.8302038670229778"></td></tr><tr><td style="background-color: red; opacity: 0.5840863385786225"></td><td style="background-color: red; opacity: 0.8182488359361025"></td><td style="background-color: red; opacity: 0.9807732961844723"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.8835800588672127"></td><td style="background-color: red; opacity: 0.8302038670229778"></td><td style="background-color: red; opacity: 0.5894852100193514"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5816821776214809"></td><td style="background-color: red; opacity: 0.8146418232334026"></td><td style="background-color: red; opacity: 0.8745419572946822"></td><td style="background-color: red; opacity: 0.9871417746604753"></td><td style="background-color: red; opacity: 0.9665079951038489"></td><td style="background-color: red; opacity: 0.8027161980998271"></td><td style="background-color: red; opacity: 0.5763313839398473"></td></tr><tr><td style="background-color: red; opacity: 0.8140822631098331"></td><td style="background-color: red; opacity: 0.9629446851502846"></td><td style="background-color: red; opacity: 0.7506188190949892"></td><td style="background-color: red; opacity: 0.8906953700285609"></td><td style="background-color: red; opacity: 0.929064096834988"></td><td style="background-color: red; opacity: 0.9418329479881093"></td><td style="background-color: red; opacity: 0.8023237288464902"></td></tr><tr><td style="background-color: red; opacity: 0.8764227010433465"></td><td style="background-color: red; opacity: 0.756381511200917"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.24935009423147914"></td><td style="background-color: red; opacity: 0.4947716100953972"></td><td style="background-color: red; opacity: 0.9342322563096233"></td><td style="background-color: red; opacity: 0.9684120538576619"></td></tr><tr><td style="background-color: red; opacity: 0.991486137286522"></td><td style="background-color: red; opacity: 0.9032738153063009"></td><td style="background-color: red; opacity: 0.26594649206318366"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2484641240358274"></td><td style="background-color: red; opacity: 0.9050030115214984"></td><td style="background-color: red; opacity: 0.9925508558549807"></td></tr><tr><td style="background-color: red; opacity: 0.976354698944996"></td><td style="background-color: red; opacity: 0.949942683945676"></td><td style="background-color: red; opacity: 0.5268724863510074"></td><td style="background-color: red; opacity: 0.21051118148788592"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.7760282888729138"></td><td style="background-color: red; opacity: 0.8859119081388798"></td></tr><tr><td style="background-color: red; opacity: 0.8172453321416775"></td><td style="background-color: red; opacity: 0.9753754687287494"></td><td style="background-color: red; opacity: 0.9741708601293982"></td><td style="background-color: red; opacity: 0.8312071343915756"></td><td style="background-color: red; opacity: 0.7649031455827779"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.8307175192834522"></td></tr><tr><td style="background-color: red; opacity: 0.4187918941498766"></td><td style="background-color: red; opacity: 0.42484213798597215"></td><td style="background-color: red; opacity: 0.2944374283549321"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1616079581884241"></td><td style="background-color: red; opacity: 0.43668616060152715"></td><td style="background-color: red; opacity: 0.4244069245565292"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.38312073150081843"></td><td style="background-color: red; opacity: 0.5421346729130214"></td><td style="background-color: red; opacity: 0.572874922390924"></td><td style="background-color: red; opacity: 0.6551334876107693"></td><td style="background-color: red; opacity: 0.6475842411243439"></td><td style="background-color: red; opacity: 0.49587966359993224"></td><td style="background-color: red; opacity: 0.390451261500254"></td></tr><tr><td style="background-color: red; opacity: 0.5420006208726083"></td><td style="background-color: red; opacity: 0.6576310887847829"></td><td style="background-color: red; opacity: 0.5030690861884066"></td><td style="background-color: red; opacity: 0.600560196421516"></td><td style="background-color: red; opacity: 0.6300234238302196"></td><td style="background-color: red; opacity: 0.668700965174691"></td><td style="background-color: red; opacity: 0.5312835130101032"></td></tr><tr><td style="background-color: red; opacity: 0.5740249477902579"></td><td style="background-color: red; opacity: 0.5063921657165434"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.16146921036292827"></td><td style="background-color: red; opacity: 0.330487667212282"></td><td style="background-color: red; opacity: 0.8351583225150985"></td><td style="background-color: red; opacity: 0.6071640232545014"></td></tr><tr><td style="background-color: red; opacity: 0.6576381441553311"></td><td style="background-color: red; opacity: 0.6067124795394254"></td><td style="background-color: red; opacity: 0.16779787774453914"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1642419709883163"></td><td style="background-color: red; opacity: 0.9598549415815318"></td><td style="background-color: red; opacity: 0.609308855901112"></td></tr><tr><td style="background-color: red; opacity: 0.6534966416436191"></td><td style="background-color: red; opacity: 0.6408745837331377"></td><td style="background-color: red; opacity: 0.34367415476660834"></td><td style="background-color: red; opacity: 0.14480442512840774"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.5225419089010555"></td></tr><tr><td style="background-color: red; opacity: 0.5050375345713157"></td><td style="background-color: red; opacity: 0.6902269007168257"></td><td style="background-color: red; opacity: 0.8458189874132189"></td><td style="background-color: red; opacity: 0.9017680758593442"></td><td style="background-color: red; opacity: 0.956757633910933"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.7459925495287012"></td></tr><tr><td style="background-color: red; opacity: 0.28211604673477453"></td><td style="background-color: red; opacity: 0.28371056047863635"></td><td style="background-color: red; opacity: 0.17790822373991083"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.0868657221877293"></td><td style="background-color: red; opacity: 0.5867598916295084"></td><td style="background-color: red; opacity: 0.23458401535248632"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.23407420877313342"></td><td style="background-color: red; opacity: 0.3321789011679327"></td><td style="background-color: red; opacity: 0.34927221179835183"></td><td style="background-color: red; opacity: 0.4002959093426349"></td><td style="background-color: red; opacity: 0.39810551895720886"></td><td style="background-color: red; opacity: 0.30393526363208057"></td><td style="background-color: red; opacity: 0.23874428638734368"></td></tr><tr><td style="background-color: red; opacity: 0.33210451055106915"></td><td style="background-color: red; opacity: 0.40432126827736126"></td><td style="background-color: red; opacity: 0.30624137275484986"></td><td style="background-color: red; opacity: 0.3620426010265905"></td><td style="background-color: red; opacity: 0.37849119297752576"></td><td style="background-color: red; opacity: 0.4944413677954754"></td><td style="background-color: red; opacity: 0.32648388616582497"></td></tr><tr><td style="background-color: red; opacity: 0.34873494623211526"></td><td style="background-color: red; opacity: 0.3107296066389493"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.0852847094219849"></td><td style="background-color: red; opacity: 0.18265376127224486"></td><td style="background-color: red; opacity: 0.7680831191159089"></td><td style="background-color: red; opacity: 0.3752675995801063"></td></tr><tr><td style="background-color: red; opacity: 0.3985105345379103"></td><td style="background-color: red; opacity: 0.3771686931221742"></td><td style="background-color: red; opacity: 0.119033252605738"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.0873593810700677"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.3919310977575362"></td></tr><tr><td style="background-color: red; opacity: 0.39348503508757426"></td><td style="background-color: red; opacity: 0.3983617533041832"></td><td style="background-color: red; opacity: 0.23800038021870842"></td><td style="background-color: red; opacity: 0.09677392691535175"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3722506467850855"></td></tr><tr><td style="background-color: red; opacity: 0.33397254159675327"></td><td style="background-color: red; opacity: 0.3990395344800509"></td><td style="background-color: red; opacity: 0.3873602076324773"></td><td style="background-color: red; opacity: 0.30572890406090114"></td><td style="background-color: red; opacity: 0.26063992461750823"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3180777464602465"></td></tr><tr><td style="background-color: red; opacity: 0.17099923129695907"></td><td style="background-color: red; opacity: 0.18014101154707687"></td><td style="background-color: red; opacity: 0.12895200152087483"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05332980666705239"></td><td style="background-color: red; opacity: 0.5558384235801724"></td><td style="background-color: red; opacity: 0.15999768562525313"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.2583737341387726"></td><td style="background-color: red; opacity: 0.36634603703990015"></td><td style="background-color: red; opacity: 0.38238119954500777"></td><td style="background-color: red; opacity: 0.43968592285010655"></td><td style="background-color: red; opacity: 0.4378968757937516"></td><td style="background-color: red; opacity: 0.3435964263232874"></td><td style="background-color: red; opacity: 0.2640169628165343"></td></tr><tr><td style="background-color: red; opacity: 0.36683195105520644"></td><td style="background-color: red; opacity: 0.4472065465870062"></td><td style="background-color: red; opacity: 0.3345517995383817"></td><td style="background-color: red; opacity: 0.39647270598889023"></td><td style="background-color: red; opacity: 0.4152577000806176"></td><td style="background-color: red; opacity: 0.6008989409283166"></td><td style="background-color: red; opacity: 0.35771001976786565"></td></tr><tr><td style="background-color: red; opacity: 0.38265728705370455"></td><td style="background-color: red; opacity: 0.3425693807909355"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.09378140495411426"></td><td style="background-color: red; opacity: 0.20496736645647204"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.40679837881414893"></td></tr><tr><td style="background-color: red; opacity: 0.4384821813121887"></td><td style="background-color: red; opacity: 0.4186811851884573"></td><td style="background-color: red; opacity: 0.1388057558723813"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10366533776545814"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.4334242581528641"></td></tr><tr><td style="background-color: red; opacity: 0.43320338814590675"></td><td style="background-color: red; opacity: 0.44419167099203766"></td><td style="background-color: red; opacity: 0.2792459497962474"></td><td style="background-color: red; opacity: 0.11342779207297544"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.39491557243984055"></td></tr><tr><td style="background-color: red; opacity: 0.36646751554372675"></td><td style="background-color: red; opacity: 0.4418725359189849"></td><td style="background-color: red; opacity: 0.4426787114443794"></td><td style="background-color: red; opacity: 0.3476825214519994"></td><td style="background-color: red; opacity: 0.2973020728650153"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.35558966770107453"></td></tr><tr><td style="background-color: red; opacity: 0.19372508310234013"></td><td style="background-color: red; opacity: 0.20590606398604103"></td><td style="background-color: red; opacity: 0.15025786573312278"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06458239003434528"></td><td style="background-color: red; opacity: 0.6108601782420956"></td><td style="background-color: red; opacity: 0.17986549016576295"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.350763077570782"></td><td style="background-color: red; opacity: 0.4969792653404905"></td><td style="background-color: red; opacity: 0.5120724134301653"></td><td style="background-color: red; opacity: 0.6001052520787286"></td><td style="background-color: red; opacity: 0.5981475634143775"></td><td style="background-color: red; opacity: 0.49506367750763075"></td><td style="background-color: red; opacity: 0.3542153457530786"></td></tr><tr><td style="background-color: red; opacity: 0.49961056730870435"></td><td style="background-color: red; opacity: 0.6111146195137354"></td><td style="background-color: red; opacity: 0.44555309967371853"></td><td style="background-color: red; opacity: 0.5305336280391538"></td><td style="background-color: red; opacity: 0.5547205557309757"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.46531944005894116"></td></tr><tr><td style="background-color: red; opacity: 0.5151457741290391"></td><td style="background-color: red; opacity: 0.4658035996210925"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.144574255341543"></td><td style="background-color: red; opacity: 0.3208714872118724"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5522155562572361"></td></tr><tr><td style="background-color: red; opacity: 0.6009262182928112"></td><td style="background-color: red; opacity: 0.579096937164509"></td><td style="background-color: red; opacity: 0.20656772971266182"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1507209767392906"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.580191558783286"></td></tr><tr><td style="background-color: red; opacity: 0.5934743711188296"></td><td style="background-color: red; opacity: 0.6181875592042942"></td><td style="background-color: red; opacity: 0.4168403325965688"></td><td style="background-color: red; opacity: 0.16829807388695928"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5238395958320177"></td></tr><tr><td style="background-color: red; opacity: 0.49154825807809704"></td><td style="background-color: red; opacity: 0.6117671824018525"></td><td style="background-color: red; opacity: 0.6470687296074098"></td><td style="background-color: red; opacity: 0.5058835912009262"></td><td style="background-color: red; opacity: 0.4358278075992001"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.4940953583833281"></td></tr><tr><td style="background-color: red; opacity: 0.2696347752868119"></td><td style="background-color: red; opacity: 0.28756972950215764"></td><td style="background-color: red; opacity: 0.22328175981475634"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1016314072202926"></td><td style="background-color: red; opacity: 0.7898958004420588"></td><td style="background-color: red; opacity: 0.2522050310493632"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit ">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship ">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.32545645803591555"></td><td style="background-color: red; opacity: 0.4635960628146367"></td><td style="background-color: red; opacity: 0.48816590277255995"></td><td style="background-color: red; opacity: 0.5696145465474491"></td><td style="background-color: red; opacity: 0.5751746938162146"></td><td style="background-color: red; opacity: 0.33792922082801113"></td><td style="background-color: red; opacity: 0.34871139830190095"></td></tr><tr><td style="background-color: red; opacity: 0.4698324442106845"></td><td style="background-color: red; opacity: 0.5392967165076265"></td><td style="background-color: red; opacity: 0.33841761214215943"></td><td style="background-color: red; opacity: 0.3748215493275227"></td><td style="background-color: red; opacity: 0.3566007964535277"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.35622511082725977"></td></tr><tr><td style="background-color: red; opacity: 0.4811405815613495"></td><td style="background-color: red; opacity: 0.43151251033135474"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1484333909384627"></td><td style="background-color: red; opacity: 0.3189195281388534"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5470734089713728"></td></tr><tr><td style="background-color: red; opacity: 0.5506799909835449"></td><td style="background-color: red; opacity: 0.5252836426478323"></td><td style="background-color: red; opacity: 0.17751145841160118"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.13344353445037194"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5491772484784733"></td></tr><tr><td style="background-color: red; opacity: 0.5439176497107221"></td><td style="background-color: red; opacity: 0.5579307235705162"></td><td style="background-color: red; opacity: 0.36122172965662336"></td><td style="background-color: red; opacity: 0.1464422571192426"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5035314448869186"></td></tr><tr><td style="background-color: red; opacity: 0.4618679089338042"></td><td style="background-color: red; opacity: 0.5510181080471861"></td><td style="background-color: red; opacity: 0.5494777969794875"></td><td style="background-color: red; opacity: 0.39022466000450823"></td><td style="background-color: red; opacity: 0.29697948756480574"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.4089338041926516"></td></tr><tr><td style="background-color: red; opacity: 0.2474641220226914"></td><td style="background-color: red; opacity: 0.26260425276128935"></td><td style="background-color: red; opacity: 0.19445488015628523"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07126756330302803"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.21740927192125628"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5405271624798911"></td><td style="background-color: red; opacity: 0.7615394134389308"></td><td style="background-color: red; opacity: 0.7860413315183764"></td><td style="background-color: red; opacity: 0.9820566761539413"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.5447345625541393"></td><td style="background-color: red; opacity: 0.5761663160499938"></td></tr><tr><td style="background-color: red; opacity: 0.7706966959534711"></td><td style="background-color: red; opacity: 0.959287216928598"></td><td style="background-color: red; opacity: 0.6471971290681846"></td><td style="background-color: red; opacity: 0.7106793713649301"></td><td style="background-color: red; opacity: 0.6911273357257766"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.595965845811162"></td></tr><tr><td style="background-color: red; opacity: 0.7820814255661428"></td><td style="background-color: red; opacity: 0.7095656478158644"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.20876129191931692"></td><td style="background-color: red; opacity: 0.5185001856205915"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.8265066204677639"></td></tr><tr><td style="background-color: red; opacity: 0.9521098873901744"></td><td style="background-color: red; opacity: 0.9200593985892835"></td><td style="background-color: red; opacity: 0.3813884420245019"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3063977230540775"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.9758693231035763"></td></tr><tr><td style="background-color: red; opacity: 0.9354040341541888"></td><td style="background-color: red; opacity: 0.9871303056552407"></td><td style="background-color: red; opacity: 0.768592995916347"></td><td style="background-color: red; opacity: 0.31741121148372725"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.8420987501546838"></td></tr><tr><td style="background-color: red; opacity: 0.7511446603143175"></td><td style="background-color: red; opacity: 0.9373839871303057"></td><td style="background-color: red; opacity: 0.9712906818463062"></td><td style="background-color: red; opacity: 0.590644722187848"></td><td style="background-color: red; opacity: 0.3535453532978592"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6167553520603886"></td></tr><tr><td style="background-color: red; opacity: 0.43039227818339315"></td><td style="background-color: red; opacity: 0.46194777874025494"></td><td style="background-color: red; opacity: 0.4177700779606484"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07202078950624922"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3200098997648806"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5631613756613757"></td><td style="background-color: red; opacity: 0.6825396825396826"></td><td style="background-color: red; opacity: 0.5105820105820106"></td><td style="background-color: red; opacity: 0.453207671957672"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06663359788359788"></td><td style="background-color: red; opacity: 0.3844246031746032"></td></tr><tr><td style="background-color: red; opacity: 0.7557870370370371"></td><td style="background-color: red; opacity: 0.9456018518518519"></td><td style="background-color: red; opacity: 0.6486441798941799"></td><td style="background-color: red; opacity: 0.7354497354497355"></td><td style="background-color: red; opacity: 0.45089285714285715"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6149140211640212"></td></tr><tr><td style="background-color: red; opacity: 0.7716600529100529"></td><td style="background-color: red; opacity: 0.6944444444444444"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.21676587301587302"></td><td style="background-color: red; opacity: 0.31084656084656087"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.8454034391534392"></td></tr><tr><td style="background-color: red; opacity: 0.939484126984127"></td><td style="background-color: red; opacity: 0.8908730158730159"></td><td style="background-color: red; opacity: 0.36507936507936506"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1787367724867725"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.9208002645502645"></td><td style="background-color: red; opacity: 0.9553571428571429"></td><td style="background-color: red; opacity: 0.7399140211640212"></td><td style="background-color: red; opacity: 0.3072089947089947"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.8521825396825397"></td></tr><tr><td style="background-color: red; opacity: 0.7359457671957672"></td><td style="background-color: red; opacity: 0.9123677248677249"></td><td style="background-color: red; opacity: 0.9465939153439153"></td><td style="background-color: red; opacity: 0.5795304232804233"></td><td style="background-color: red; opacity: 0.34837962962962965"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6216931216931217"></td></tr><tr><td style="background-color: red; opacity: 0.4209656084656085"></td><td style="background-color: red; opacity: 0.44345238095238093"></td><td style="background-color: red; opacity: 0.4074074074074074"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06712962962962964"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3245701058201058"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.6101612115290669"></td><td style="background-color: red; opacity: 0.7186126038104543"></td><td style="background-color: red; opacity: 0.533219345383488"></td><td style="background-color: red; opacity: 0.4799706888128969"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06839276990718124"></td><td style="background-color: red; opacity: 0.26160234489496825"></td></tr><tr><td style="background-color: red; opacity: 0.7997068881289692"></td><td style="background-color: red; opacity: 0.9914509037616024"></td><td style="background-color: red; opacity: 0.675867122618466"></td><td style="background-color: red; opacity: 0.7647777234978017"></td><td style="background-color: red; opacity: 0.47606253053248654"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.26160234489496825"></td></tr><tr><td style="background-color: red; opacity: 0.8212017586712261"></td><td style="background-color: red; opacity: 0.7252076209086468"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.20957498778700537"></td><td style="background-color: red; opacity: 0.3080117244748412"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.19320957498778701"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.9220810942843185"></td><td style="background-color: red; opacity: 0.3651685393258427"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.18197361993160724"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.9767953102100635"></td><td style="background-color: red; opacity: 0.9838788470933073"></td><td style="background-color: red; opacity: 0.7486565705911089"></td><td style="background-color: red; opacity: 0.31631656082071324"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1968734733756717"></td></tr><tr><td style="background-color: red; opacity: 0.7743038593063019"></td><td style="background-color: red; opacity: 0.9521250610649731"></td><td style="background-color: red; opacity: 0.9804592085979482"></td><td style="background-color: red; opacity: 0.6104054714215926"></td><td style="background-color: red; opacity: 0.3683439179286761"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.265266243282853"></td></tr><tr><td style="background-color: red; opacity: 0.43575964826575475"></td><td style="background-color: red; opacity: 0.44553004396678064"></td><td style="background-color: red; opacity: 0.42037127503663896"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06399609184171959"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1968734733756717"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.4880908757786735"></td><td style="background-color: red; opacity: 0.720043972150971"></td><td style="background-color: red; opacity: 0.5262000732869183"></td><td style="background-color: red; opacity: 0.47160131916452913"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06156101135947233"></td><td style="background-color: red; opacity: 0.24807621839501648"></td></tr><tr><td style="background-color: red; opacity: 0.46134115060461706"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.6709417368999634"></td><td style="background-color: red; opacity: 0.7401978746793697"></td><td style="background-color: red; opacity: 0.46683766947599853"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.24807621839501648"></td></tr><tr><td style="background-color: red; opacity: 0.19164529131550018"></td><td style="background-color: red; opacity: 0.7321363136680102"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.184683034078417"></td><td style="background-color: red; opacity: 0.28362037376328325"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.18651520703554417"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.8662513741297179"></td><td style="background-color: red; opacity: 0.316599486991572"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17222425796995236"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.40710883107365337"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.7416636130450714"></td><td style="background-color: red; opacity: 0.31733235617442285"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1905459875412239"></td></tr><tr><td style="background-color: red; opacity: 0.44631733235617443"></td><td style="background-color: red; opacity: 0.952363503114694"></td><td style="background-color: red; opacity: 0.9593257603517772"></td><td style="background-color: red; opacity: 0.5994869915720044"></td><td style="background-color: red; opacity: 0.36167094173689995"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2521069989006962"></td></tr><tr><td style="background-color: red; opacity: 0.29937706119457674"></td><td style="background-color: red; opacity: 0.42982777574203007"></td><td style="background-color: red; opacity: 0.41700256504214"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05643092707951631"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1905459875412239"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.4644638403990025"></td><td style="background-color: red; opacity: 0.7256857855361596"></td><td style="background-color: red; opacity: 0.493142144638404"></td><td style="background-color: red; opacity: 0.44576059850374067"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05236907730673317"></td><td style="background-color: red; opacity: 0.22630922693266833"></td></tr><tr><td style="background-color: red; opacity: 0.422069825436409"></td><td style="background-color: red; opacity: 0.8802992518703242"></td><td style="background-color: red; opacity: 0.6377805486284289"></td><td style="background-color: red; opacity: 0.683291770573566"></td><td style="background-color: red; opacity: 0.4382793017456359"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.22630922693266833"></td></tr><tr><td style="background-color: red; opacity: 0.16832917705735662"></td><td style="background-color: red; opacity: 0.4245635910224439"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.14650872817955113"></td><td style="background-color: red; opacity: 0.24750623441396508"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17394014962593515"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.35224438902743144"></td><td style="background-color: red; opacity: 0.35349127182044887"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1546134663341646"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.1440149625935162"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.4389027431421446"></td><td style="background-color: red; opacity: 0.07855361596009976"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17830423940149626"></td></tr><tr><td style="background-color: red; opacity: 0.4694513715710723"></td><td style="background-color: red; opacity: 0.6172069825436409"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.6253117206982544"></td><td style="background-color: red; opacity: 0.3622194513715711"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23067331670822944"></td></tr><tr><td style="background-color: red; opacity: 0.2892768079800499"></td><td style="background-color: red; opacity: 0.2231920199501247"></td><td style="background-color: red; opacity: 0.4307980049875312"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.04551122194513716"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17830423940149626"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5728987993138936"></td><td style="background-color: red; opacity: 0.8833619210977701"></td><td style="background-color: red; opacity: 0.5917667238421955"></td><td style="background-color: red; opacity: 0.5334476843910806"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.04631217838765009"></td><td style="background-color: red; opacity: 0.2555746140651801"></td></tr><tr><td style="background-color: red; opacity: 0.451114922813036"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.7324185248713551"></td><td style="background-color: red; opacity: 0.758147512864494"></td><td style="background-color: red; opacity: 0.5197255574614065"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2555746140651801"></td></tr><tr><td style="background-color: red; opacity: 0.15265866209262435"></td><td style="background-color: red; opacity: 0.44082332761578047"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10463121783876501"></td><td style="background-color: red; opacity: 0.2469982847341338"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.20926243567753003"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.4322469982847341"></td><td style="background-color: red; opacity: 0.09090909090909091"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1680960548885077"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.20240137221269297"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10634648370497427"></td><td style="background-color: red; opacity: 0.10634648370497427"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.21612349914236706"></td></tr><tr><td style="background-color: red; opacity: 0.2881646655231561"></td><td style="background-color: red; opacity: 0.09262435677530018"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10634648370497427"></td><td style="background-color: red; opacity: 0.10634648370497427"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2624356775300172"></td></tr><tr><td style="background-color: red; opacity: 0.3910806174957118"></td><td style="background-color: red; opacity: 0.2881646655231561"></td><td style="background-color: red; opacity: 0.20240137221269297"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05317324185248713"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.21612349914236706"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="empty "></td><td class="ship ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.49014778325123154"></td><td style="background-color: red; opacity: 0.9359605911330049"></td><td style="background-color: red; opacity: 0.5172413793103449"></td><td style="background-color: red; opacity: 0.43349753694581283"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.054187192118226604"></td><td style="background-color: red; opacity: 0.2857142857142857"></td></tr><tr><td style="background-color: red; opacity: 0.6330049261083743"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.9852216748768473"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.6182266009852216"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2857142857142857"></td></tr><tr><td style="background-color: red; opacity: 0.1896551724137931"></td><td style="background-color: red; opacity: 0.603448275862069"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.12561576354679804"></td><td style="background-color: red; opacity: 0.2660098522167488"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2315270935960591"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5911330049261084"></td><td style="background-color: red; opacity: 0.10098522167487685"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1748768472906404"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.22413793103448276"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.12315270935960591"></td><td style="background-color: red; opacity: 0.12315270935960591"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23891625615763548"></td></tr><tr><td style="background-color: red; opacity: 0.3251231527093596"></td><td style="background-color: red; opacity: 0.10837438423645321"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.12315270935960591"></td><td style="background-color: red; opacity: 0.12315270935960591"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.29310344827586204"></td></tr><tr><td style="background-color: red; opacity: 0.43349753694581283"></td><td style="background-color: red; opacity: 0.3251231527093596"></td><td style="background-color: red; opacity: 0.22413793103448276"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.06157635467980296"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23891625615763548"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="empty "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.31607629427792916"></td><td style="background-color: red; opacity: 0.553133514986376"></td><td style="background-color: red; opacity: 0.38419618528610355"></td><td style="background-color: red; opacity: 0.3079019073569482"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.04087193460490463"></td><td style="background-color: red; opacity: 0.21525885558583105"></td></tr><tr><td style="background-color: red; opacity: 0.5395095367847411"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6021798365122616"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.21525885558583105"></td></tr><tr><td style="background-color: red; opacity: 0.1335149863760218"></td><td style="background-color: red; opacity: 0.2670299727520436"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.11989100817438691"></td><td style="background-color: red; opacity: 0.17438692098092642"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17438692098092642"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.2670299727520436"></td><td style="background-color: red; opacity: 0.08719346049046321"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.11171662125340599"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.16893732970027248"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.09264305177111716"></td><td style="background-color: red; opacity: 0.09264305177111716"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17983651226158037"></td></tr><tr><td style="background-color: red; opacity: 0.2452316076294278"></td><td style="background-color: red; opacity: 0.08174386920980926"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.09264305177111716"></td><td style="background-color: red; opacity: 0.09264305177111716"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.22070844686648503"></td></tr><tr><td style="background-color: red; opacity: 0.32697547683923706"></td><td style="background-color: red; opacity: 0.2452316076294278"></td><td style="background-color: red; opacity: 0.16893732970027248"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.04632152588555858"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.17983651226158037"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.717948717948718"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.1282051282051282"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23076923076923078"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6923076923076923"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.20512820512820512"></td><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.717948717948718"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.1282051282051282"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23076923076923078"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6923076923076923"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.20512820512820512"></td><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship ">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit ">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit ">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.717948717948718"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.1282051282051282"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.23076923076923078"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6923076923076923"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0.05128205128205128"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1282051282051282"></td></tr><tr><td style="background-color: red; opacity: 0.20512820512820512"></td><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0.10256410256410256"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.02564102564102564"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.10256410256410256"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.038461538461538464"></td><td style="background-color: red; opacity: 0.19230769230769232"></td></tr><tr><td style="background-color: red; opacity: 0.19230769230769232"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3076923076923077"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.19230769230769232"></td></tr><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15384615384615385"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.038461538461538464"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.11538461538461539"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15384615384615385"></td></tr><tr><td style="background-color: red; opacity: 0.23076923076923078"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0.07692307692307693"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.19230769230769232"></td></tr><tr><td style="background-color: red; opacity: 0.3076923076923077"></td><td style="background-color: red; opacity: 0.23076923076923078"></td><td style="background-color: red; opacity: 0.15384615384615385"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.038461538461538464"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15384615384615385"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship ">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit ">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05"></td><td style="background-color: red; opacity: 0.15"></td></tr><tr><td style="background-color: red; opacity: 0.15"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15"></td></tr><tr><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td></tr><tr><td style="background-color: red; opacity: 0.2"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.15"></td></tr><tr><td style="background-color: red; opacity: 0.2"></td><td style="background-color: red; opacity: 0.2"></td><td style="background-color: red; opacity: 0.1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.05"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.1"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0.6666666666666666"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.6666666666666666"></td></tr><tr><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.3333333333333333"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td></tr><tr><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0.5"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship hit ">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship ">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table><table class="heatmap"><tbody><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 1"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr><tr><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td><td style="background-color: red; opacity: 0"></td></tr></tbody></table> | |
<br><table class="board"><tbody><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="ship hit sunk">3</td><td class="miss "></td><td class="empty "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="empty "></td><td class="miss "></td><td class="empty "></td></tr><tr><td class="empty "></td><td class="ship hit sunk">4</td><td class="miss "></td><td class="ship hit sunk">3</td><td class="ship hit sunk">2</td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="ship hit sunk">4</td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">2</td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr><tr><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="ship hit sunk">5</td><td class="miss "></td></tr><tr><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="miss "></td><td class="empty "></td><td class="ship hit sunk">5</td><td class="empty "></td></tr></tbody></table> | |
<style> | |
.board, | |
.heatmap { | |
border: 1px solid black; | |
margin: 5px; | |
display: inline-block; | |
} | |
.board td, | |
.heatmap td { | |
width: 20px; | |
height: 20px; | |
border: 1px solid black; | |
padding: 0; | |
vertical-align: middle; | |
text-align: center; | |
} | |
.board td.ship { | |
background-color: green; | |
} | |
.board td.ship.hit { | |
background-color: red; | |
} | |
.board td.ship.sunk { | |
background-color: darkred; | |
} | |
.board td.miss { | |
background-color: blue; | |
} | |
</head> | |
<body> | |
</body> | |
</html> | |
</style></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment