https://new.pvzhe.wiki/w/%E5%BE%AE%E4%BB%B6:%E4%BA%94%E5%AD%90%E6%A3%8B?action=history&feed=atom
微件:五子棋 - 版本历史
2026-07-26T17:26:09Z
本wiki上该页面的版本历史
MediaWiki 1.43.6
https://new.pvzhe.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:%E4%BA%94%E5%AD%90%E6%A3%8B&diff=12799&oldid=prev
愤怒的郎朗：创建页面，内容为“<includeonly> <style> .gomoku-wrap { text-align: center; margin: 15px 0; } .gomoku-board { display: inline-block; background: #DEB887; padding: 5px; border-radius: 8px; } .gomoku-row { display: flex; } .gomoku-cell { width: 32px; height: 32px; background: #DEB887; position: relative; cursor: pointer; } .gomoku-cell::before, .gomoku-cell::after { content: ''; position: absolute; top: 50%; left: 50%;…”
2026-07-20T01:21:07Z
<p>创建页面，内容为“<includeonly> <style> .gomoku-wrap { text-align: center; margin: 15px 0; } .gomoku-board { display: inline-block; background: #DEB887; padding: 5px; border-radius: 8px; } .gomoku-row { display: flex; } .gomoku-cell { width: 32px; height: 32px; background: #DEB887; position: relative; cursor: pointer; } .gomoku-cell::before, .gomoku-cell::after { content: ''; position: absolute; top: 50%; left: 50%;…”</p>
<p><b>新页面</b></p><div><includeonly><br />
<style><br />
.gomoku-wrap {<br />
text-align: center;<br />
margin: 15px 0;<br />
}<br />
.gomoku-board {<br />
display: inline-block;<br />
background: #DEB887;<br />
padding: 5px;<br />
border-radius: 8px;<br />
}<br />
.gomoku-row {<br />
display: flex;<br />
}<br />
.gomoku-cell {<br />
width: 32px;<br />
height: 32px;<br />
background: #DEB887;<br />
position: relative;<br />
cursor: pointer;<br />
}<br />
.gomoku-cell::before,<br />
.gomoku-cell::after {<br />
content: '';<br />
position: absolute;<br />
top: 50%;<br />
left: 50%;<br />
transform: translate(-50%, -50%);<br />
border-radius: 50%;<br />
display: none;<br />
}<br />
.gomoku-cell.black::after {<br />
display: block;<br />
width: 26px;<br />
height: 26px;<br />
background: #000;<br />
}<br />
.gomoku-cell.white::after {<br />
display: block;<br />
width: 26px;<br />
height: 26px;<br />
background: #fff;<br />
border: 1px solid #999;<br />
}<br />
.gomoku-cell::before {<br />
content: '';<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
width: 100%;<br />
height: 100%;<br />
border: 1px dashed rgba(0,0,0,0.1);<br />
display: block;<br />
}<br />
.gomoku-cell:hover {<br />
background: #e8c89e;<br />
}<br />
.gomoku-info {<br />
margin: 10px 0;<br />
font-size: 14px;<br />
}<br />
.gomoku-reset {<br />
padding: 6px 16px;<br />
background: #888;<br />
color: #fff;<br />
border: none;<br />
border-radius: 6px;<br />
cursor: pointer;<br />
font-size: 13px;<br />
}<br />
</style><br />
<br />
<div class="gomoku-wrap"><br />
<div class="gomoku-info" id="gomoku-info">⚫ 黑方走棋</div><br />
<div class="gomoku-board" id="gomoku-board"></div><br />
<br><br />
<button class="gomoku-reset" id="gomoku-reset">新游戏</button><br />
</div><br />
<br />
<script><br />
(function() {<br />
var SIZE = 15;<br />
var board = [];<br />
var currentPlayer = 'black'; // black or white<br />
var gameOver = false;<br />
<br />
function initBoard() {<br />
board = [];<br />
for (var r = 0; r < SIZE; r++) {<br />
board[r] = [];<br />
for (var c = 0; c < SIZE; c++) {<br />
board[r][c] = null;<br />
}<br />
}<br />
currentPlayer = 'black';<br />
gameOver = false;<br />
updateInfo();<br />
}<br />
<br />
function render() {<br />
var $board = $('#gomoku-board');<br />
$board.empty();<br />
for (var r = 0; r < SIZE; r++) {<br />
var $row = $('<div class="gomoku-row"></div>');<br />
for (var c = 0; c < SIZE; c++) {<br />
var $cell = $('<div class="gomoku-cell" data-r="' + r + '" data-c="' + c + '"></div>');<br />
if (board[r][c] === 'black') $cell.addClass('black');<br />
if (board[r][c] === 'white') $cell.addClass('white');<br />
$row.append($cell);<br />
}<br />
$board.append($row);<br />
}<br />
}<br />
<br />
function checkWin(row, col, player) {<br />
var dirs = [[0,1],[1,0],[1,1],[1,-1]];<br />
for (var d = 0; d < dirs.length; d++) {<br />
var dr = dirs[d][0], dc = dirs[d][1];<br />
var count = 1;<br />
for (var i = 1; i < 5; i++) {<br />
var r = row + dr * i, c = col + dc * i;<br />
if (r >= 0 && r < SIZE && c >= 0 && c < SIZE && board[r][c] === player) count++;<br />
else break;<br />
}<br />
for (var i = 1; i < 5; i++) {<br />
var r = row - dr * i, c = col - dc * i;<br />
if (r >= 0 && r < SIZE && c >= 0 && c < SIZE && board[r][c] === player) count++;<br />
else break;<br />
}<br />
if (count >= 5) return true;<br />
}<br />
return false;<br />
}<br />
<br />
function updateInfo() {<br />
var $info = $('#gomoku-info');<br />
if (gameOver) {<br />
var winner = currentPlayer === 'black' ? '⚪ 白方' : '⚫ 黑方';<br />
$info.text('🏆 ' + winner + '获胜！');<br />
} else {<br />
$info.text(currentPlayer === 'black' ? '⚫ 黑方走棋' : '⚪ 白方走棋');<br />
}<br />
}<br />
<br />
$('#gomoku-board').on('click', '.gomoku-cell', function() {<br />
if (gameOver) return;<br />
var r = parseInt($(this).data('r'));<br />
var c = parseInt($(this).data('c'));<br />
if (board[r][c]) return;<br />
<br />
board[r][c] = currentPlayer;<br />
render();<br />
<br />
if (checkWin(r, c, currentPlayer)) {<br />
gameOver = true;<br />
updateInfo();<br />
return;<br />
}<br />
<br />
currentPlayer = currentPlayer === 'black' ? 'white' : 'black';<br />
updateInfo();<br />
});<br />
<br />
$('#gomoku-reset').click(function() {<br />
initBoard();<br />
render();<br />
});<br />
<br />
initBoard();<br />
render();<br />
})();<br />
</script><br />
</includeonly></div>
愤怒的郎朗