zhaoxin/xiaomaodiaoyu
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: zhaoxin:90f003aa79e7231b875f1ae676bfa40b82bc057e
Branches Tags
zhaoxin:master
..
compare: zhaoxin:c0d9e161bf68525eeb733ae0f978968df02f5f90
Branches Tags
zhaoxin:master

No commits in common. "90f003aa79e7231b875f1ae676bfa40b82bc057e" and "c0d9e161bf68525eeb733ae0f978968df02f5f90" have entirely different histories.
90f003aa79 ... c0d9e161bf

8 changed files with 78 additions and 303 deletions
Show Stats Expand all files Collapse all files

89
package-lock.json generated
View File

@ -9,7 +9,6 @@
"version": "0.1.0",
"license": "MIT",
"dependencies": {
"compression": "^1.7.4",
"express": "^4.18.1",
"socketio": "^1.0.0"
},
@ -230,47 +229,6 @@
"resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
"integrity": "sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA=="
},
"node_modules/compressible": {
"version": "2.0.18",
"resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
"integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
"dependencies": {
"mime-db": ">= 1.43.0 < 2"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/compression": {
"version": "1.7.4",
"resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
"integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
"dependencies": {
"accepts": "~1.3.5",
"bytes": "3.0.0",
"compressible": "~2.0.16",
"debug": "2.6.9",
"on-headers": "~1.0.2",
"safe-buffer": "5.1.2",
"vary": "~1.1.2"
},
"engines": {
"node": ">= 0.8.0"
}
},
"node_modules/compression/node_modules/bytes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
"integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/compression/node_modules/safe-buffer": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
},
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -912,14 +870,6 @@
"node": ">= 0.8"
}
},
"node_modules/on-headers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
"integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
"engines": {
"node": ">= 0.8"
}
},
"node_modules/options": {
"version": "0.0.6",
"resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
@ -1576,40 +1526,6 @@
"resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
"integrity": "sha512-w+LhYREhatpVqTESyGFg3NlP6Iu0kEKUHETY9GoZP/pQyW4mHFZuFWRUCIqVPZ36ueVLtoOEZaAqbCF2RDndaA=="
},
"compressible": {
"version": "2.0.18",
"resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
"integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
"requires": {
"mime-db": ">= 1.43.0 < 2"
}
},
"compression": {
"version": "1.7.4",
"resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
"integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
"requires": {
"accepts": "~1.3.5",
"bytes": "3.0.0",
"compressible": "~2.0.16",
"debug": "2.6.9",
"on-headers": "~1.0.2",
"safe-buffer": "5.1.2",
"vary": "~1.1.2"
},
"dependencies": {
"bytes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
"integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw=="
},
"safe-buffer": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
}
}
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -2111,11 +2027,6 @@
"ee-first": "1.1.1"
}
},
"on-headers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
"integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA=="
},
"options": {
"version": "0.0.6",
"resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",

1
package.json
View File

@ -16,7 +16,6 @@
"author": "Zhao Xin <7176466@qq.com>",
"license": "MIT",
"dependencies": {
"compression": "^1.7.4",
"express": "^4.18.1",
"socketio": "^1.0.0"
},

20
public/client.js
View File

@ -23,21 +23,19 @@ player.on('join', (number) => {
player.on('status', (status) => {
const { players, cards, current } = status
player1.innerText = '🎴'.repeat(players[0] || 0)
player2.innerText = '🎴'.repeat(players[1] || 0)
player3.innerText = '🎴'.repeat(players[2] || 0)
player1.innerText = makeCards(players[0] || 0)
player2.innerText = makeCards(players[1] || 0)
player3.innerText = makeCards(players[2] || 0)
currentPlayerNumber.innerText = current + 1
buttonGo.style.color = myNumber > 0 && myNumber === current + 1 ? 'red' : 'black'
cardsDisplay.innerHTML = ''
for (let cid of cards) {
let card = document.createElement('card-t')
card.setAttribute('cid', cid)
card.setAttribute('backcolor', cid[1] == 1 ? 'black' : 'red')
card.setAttribute('backtext', 'JOKER')
cardsDisplay.appendChild(card)
}
cardsDisplay.innerText = cards
})
function makeCards(n) {
if (n == 0) return ''
return '['.repeat(n) + ']'
}
buttonAuto.addEventListener('click', () => {
if (autoPlayer != 0) {
clearInterval(autoPlayer)

83
public/elements.cardmeister.full.js
View File

File diff suppressed because one or more lines are too long

31
public/elements.cardmeister.min.js vendored
View File

File diff suppressed because one or more lines are too long

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

24
public/index.html
View File

@ -4,45 +4,27 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" ,content="width=device-width, initial-scale=1.0">
<link
href="data:image/x-icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAANDQ0AHFxcQBPT08AjIyMAAsLCwAUFBQA0tLSAHNzcwDb29sAJiYmAOTk5AAvLy8A7e3tAMLCwgAEBAQA9vb2AMvLywD///8AqampALu7uwCQkJAAMTExAAYGBgD4+PgA1tbWAImJiQDx8fEAMzMzADw8PAD6+voApKSkAOHh4QABAQEANTU1AAoKCgD8/PwAPj4+ABMTEwDa2toA4+PjAOzs7ACNjY0AYmJiAAMDAwDBwcEAysrKAAwMDAD+/v4AUlJSAOXl5QCGhoYAurq6AFtbWwAwMDAA7u7uAPf39wDV1dUA3t7eAOfn5wAyMjIAxcXFAAcHBwCampoAzs7OABkZGQDX19cAtbW1ACsrKwDp6ekAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEhIQEwgdCjY8RBYrKhsSEhISEhIkCQMAAEQ9GyQSEhISEhISEhIbAQUgEhISEhISEhISOhQnEh8VEjIuKRISEhISLSMhLCoJOTQ+IQYOEhISN0EAAAAACAQ+AAAALygkEjQAAAAAAA8XAAAAAAA/CxJFIwAAAAAAAAAAAAAABx4SEjMAAAAAAAAAAAAAIh4SEhIYMQAAAAAAAAAAJkASEhISEjgCAAAAAAAADEISEhISEhISMBoAAAAAJTsSEhISEhISEhISMwAAFkUSEhISEhISEhISEh4cABESEhISEhISEhISEhISQzUSEhISEhISEhISEhISEg0ZEhISEhISEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="
rel="icon" type="image/x-icon" />
<!-- <link rel="shortcut icon" href="data:" type="image/x-icon"> -->
<link rel="shortcut icon" href="data:" type="image/x-icon">
<title>小猫钓鱼</title>
<style>
card-t {
display: inline-block;
width: 80px;
margin: 2px;
}
</style>
</head>
<body>
<h1>小猫钓鱼</h1>
<!-- <card-t cid="Qs"></card-t> -->
<p>[ 在线 <var id="onlineNumber">0</var> ] [ 玩家 <var id="playersNumber">0</var> ] [ 我是 玩家<var
id="playerNumber">0</var>
] [ 当前 玩家<var id="currentPlayerNumber">0</var>
]</p>
<p>玩家1 <var id="player1"></var></p>
<p>玩家2 <var id="player2"></var></p>
<p>玩家3 <var id="player3"></var></p>
<p>当前 = 玩家<var id="currentPlayerNumber">0</var></p>
<p>
<button id="buttonJoin" style="color:red;" onclick="player.emit('join')">加入</button>
<button id="buttonGo" onclick="player.emit('go')">出牌</button>
<button id="buttonAuto">自动</button>
</p>
<p id="cardsDisplay"></p>
<!-- https://github.com/cardmeister/cardmeister.github.io -->
<script src="/elements.cardmeister.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/client.js"></script>
<script src="client.js"></script>
</body>
</html>

133
server.js
View File

@ -1,10 +1,9 @@
const express = require('express')
const 应用 = express()
应用.use(require('compression')())
应用.use(express.static('public'))
const 游戏 = express()
游戏.use(express.static('public'))
const 主机 = process.env.HOST || '0.0.0.0'
const 端口 = process.env.PORT || 3000
const 服务器 = 应用.listen(端口, 主机, () => console.log(`小猫钓鱼游戏服务运行在 http://${主机}:${端口}/`))
const 服务器 = 游戏.listen(端口, 主机, () => console.log(`小猫钓鱼游戏服务运行在 http://${主机}:${端口}/`))
const IO = require('socket.io')(服务器)
const clients = [] // 所有客户
@ -71,68 +70,68 @@ function gameStart() {
cardsOnTable.length = 0
currentPlayerNumber = 0
// 洗牌，每玩家发18张
const deck = [
{ suit: 's', rank: '2' },
{ suit: 's', rank: '3' },
{ suit: 's', rank: '4' },
{ suit: 's', rank: '5' },
{ suit: 's', rank: '6' },
{ suit: 's', rank: '7' },
{ suit: 's', rank: '8' },
{ suit: 's', rank: '9' },
{ suit: 's', rank: 'T' },
{ suit: 's', rank: 'J' },
{ suit: 's', rank: 'Q' },
{ suit: 's', rank: 'K' },
{ suit: 's', rank: 'A' },
{ suit: 'h', rank: '2' },
{ suit: 'h', rank: '3' },
{ suit: 'h', rank: '4' },
{ suit: 'h', rank: '5' },
{ suit: 'h', rank: '6' },
{ suit: 'h', rank: '7' },
{ suit: 'h', rank: '8' },
{ suit: 'h', rank: '9' },
{ suit: 'h', rank: 'T' },
{ suit: 'h', rank: 'J' },
{ suit: 'h', rank: 'Q' },
{ suit: 'h', rank: 'K' },
{ suit: 'h', rank: 'A' },
{ suit: 'c', rank: '2' },
{ suit: 'c', rank: '3' },
{ suit: 'c', rank: '4' },
{ suit: 'c', rank: '5' },
{ suit: 'c', rank: '6' },
{ suit: 'c', rank: '7' },
{ suit: 'c', rank: '8' },
{ suit: 'c', rank: '9' },
{ suit: 'c', rank: 'T' },
{ suit: 'c', rank: 'J' },
{ suit: 'c', rank: 'Q' },
{ suit: 'c', rank: 'K' },
{ suit: 'c', rank: 'A' },
{ suit: 'd', rank: '2' },
{ suit: 'd', rank: '3' },
{ suit: 'd', rank: '4' },
{ suit: 'd', rank: '5' },
{ suit: 'd', rank: '6' },
{ suit: 'd', rank: '7' },
{ suit: 'd', rank: '8' },
{ suit: 'd', rank: '9' },
{ suit: 'd', rank: 'T' },
{ suit: 'd', rank: 'J' },
{ suit: 'd', rank: 'Q' },
{ suit: 'd', rank: 'K' },
{ suit: 'd', rank: 'A' },
{ suit: '1', rank: '0' },
{ suit: '2', rank: '0' },
const drawer = [
{ color: '♠️', value: '2' },
{ color: '♠️', value: '3' },
{ color: '♠️', value: '4' },
{ color: '♠️', value: '5' },
{ color: '♠️', value: '6' },
{ color: '♠️', value: '7' },
{ color: '♠️', value: '8' },
{ color: '♠️', value: '9' },
{ color: '♠️', value: '10' },
{ color: '♠️', value: 'J' },
{ color: '♠️', value: 'Q' },
{ color: '♠️', value: 'K' },
{ color: '♠️', value: 'A' },
{ color: '♥️', value: '2' },
{ color: '♥️', value: '3' },
{ color: '♥️', value: '4' },
{ color: '♥️', value: '5' },
{ color: '♥️', value: '6' },
{ color: '♥️', value: '7' },
{ color: '♥️', value: '8' },
{ color: '♥️', value: '9' },
{ color: '♥️', value: '10' },
{ color: '♥️', value: 'J' },
{ color: '♥️', value: 'Q' },
{ color: '♥️', value: 'K' },
{ color: '♥️', value: 'A' },
{ color: '♣️', value: '2' },
{ color: '♣️', value: '3' },
{ color: '♣️', value: '4' },
{ color: '♣️', value: '5' },
{ color: '♣️', value: '6' },
{ color: '♣️', value: '7' },
{ color: '♣️', value: '8' },
{ color: '♣️', value: '9' },
{ color: '♣️', value: '10' },
{ color: '♣️', value: 'J' },
{ color: '♣️', value: 'Q' },
{ color: '♣️', value: 'K' },
{ color: '♣️', value: 'A' },
{ color: '♦️', value: '2' },
{ color: '♦️', value: '3' },
{ color: '♦️', value: '4' },
{ color: '♦️', value: '5' },
{ color: '♦️', value: '6' },
{ color: '♦️', value: '7' },
{ color: '♦️', value: '8' },
{ color: '♦️', value: '9' },
{ color: '♦️', value: '10' },
{ color: '♦️', value: 'J' },
{ color: '♦️', value: 'Q' },
{ color: '♦️', value: 'K' },
{ color: '♦️', value: 'A' },
{ color: '小', value: 'Joker' },
{ color: '大', value: 'Joker' },
]
while (deck.length > 0) {
let index = Math.floor(Math.random() * deck.length)
let card = deck[index]
while (drawer.length > 0) {
let index = Math.floor(Math.random() * drawer.length)
let card = drawer[index]
players[currentPlayerNumber].cards.push(card)
deck.splice(index, 1)
drawer.splice(index, 1)
currentPlayerNumber = (currentPlayerNumber + 1) % 3
}
@ -148,12 +147,12 @@ function gameStatus() {
const cardsStrings = []
for (let card of cardsOnTable) {
cardsStrings.push(`${card.rank}${card.suit}`)
cardsStrings.push(`[${card.color}${card.value}]`)
}
IO.emit('status', {
players: cardsNumbers,
cards: cardsStrings,
cards: cardsStrings.join(''),
current: currentPlayerNumber,
})
}
@ -162,13 +161,13 @@ function go(client) {
if (currentPlayerNumber != -1 && players.indexOf(client) === currentPlayerNumber) {
let card = players[currentPlayerNumber].cards[0]
players[currentPlayerNumber].cards.splice(0, 1)
console.log(`玩家${currentPlayerNumber + 1} 出牌 [${card.rank}${card.suit}]`)
console.log(`玩家${currentPlayerNumber + 1} 出牌 [${card.color} ${card.value}]`)
// 判断有没有钓到
let i = 0
let getit = false
for (i = 0; i < cardsOnTable.length; i++) {
if (cardsOnTable[i].rank == card.rank) {
if (cardsOnTable[i].value == card.value) {
getit = true
break
}