JavaScript的出现催动了前端开发的萌芽,前后端分离促进了Vue、React等开发框架的发展,Weex、React-Native等的演变赋予了并存多端开发的能力,而Node.JS的面世无疑是推动了Web全栈开发的步伐。
今天就利用Node.JS为大家带来简单有趣的的剪刀石头布的小游戏。
打造流程
- 引入模块
- 定义简单石头布行为命令、当前局数(三局两胜)、得分情况、电脑随机出的行为(剪刀/石头/布)
- 定义关联逐行读取流
- 清屏
- 打印开局提示信息
- 监听
line
事件,根据读取流(用户输入)判断用户是要结束游戏,还是出招啦 - 监听
close
事件,如果玩够了3局就打印最终结果,否则直接结束进程 - 定义
scoreRule
方法,根据规则判断得分情况
相关api
先来看一看相关的API,我们按照调用顺序了解一下API,整个流程也就通啦
readline
逐行读取可读流中的数据
基础使用
readline.createInterface()
方法创建一个新的readline.Interface
实例,定义关联的input
可读流和output
可写流,output
流可以读取input
流内容并输出打印提示。- `process.stdin` 和 `process.stdout` 对应进程的可读流和可写流。
readline.close()
调用方法,表示实例完成,放弃对input
流和output
流的控制,Game Over ~process.exit([code])
方法:终止node进程,code默认值是0,标识成功终止退出。
不论是可读流的读取还是实例的完成事件,都需要我们来监听做点啥,要不然还有什么意义呢?
- 监听
line
事件:每当input
流接收到行尾输入(\n
、\r
或者\r\n
)时就会触发,也就是我们在node控制台按下Enter
或者Return
键的时候,调用监听回调函数时携带可读流接收的字符串。
chalk
粉笔,node终端的样式库,修改终端输出字符串的颜色、加粗、隐藏以及背景色等样式
const chalk = require('chalk')
const logText = chalk.green(`
Hello,一起游戏吧!
`)
console.log(logText)
clear
清屏指令,node终端清屏,清除当前终端视图显示
这个使用起来最简单,在你需要清屏的地方执行一下clear()
方法就行了。
const clear = require('clear')
clear()
步骤补充说明
// 定义指令列表,
// 判断玩家输入的指令是否正确以及电脑的随机输出都从这里拿
const act = ['剪刀', '石头', '布']
// 根据读取流判断玩家输入信息
// 监听读取流输入
rl.on('line', function (input) {
if (input === 'quit') {
// 如果输入【quit】 执行close()方法
rl.close()
} else if (act.indexOf(input) !== -1) {
// 如果输入字符串在指令列表内
// 随机生成电脑的对应指令
const idx = Math.floor((Math.random() * 3))
gamer = act[idx]
// 根据得分规则判断玩家是否得分
const curScore = scoreRule(input, gamer)
// 得分进行累计
score += curScore
// 打印本回合信息
let win = curScore === 1 ? '本次玩家获胜' : curScore === -1 ? '本次电脑获胜' : '打平了,一定是巧合'
result = `
※ ※ ※ ※ ※ ※ ※ ※ ※ ※
第${num}回合:
-------------------
玩家出了: ${input}
电脑出了: ${gamer}
${win}
※ ※ ※ ※ ※ ※ ※ ※ ※ ※
`
// 写入流后,继续下一回合
num++;
console.log(result)
// 如果已经玩了3个回合,则执行close()方法
if (num > 3) {
rl.close()
}
} else {
// 其他输入 打印正确的输入提示
console.log(`
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
继续游戏,请输入:【剪刀】、【石头】、【布】
退出游戏,请输入: 【quit】
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
`)
}
})
完整代码
// stone.js
const readline = require('readline')
const clear = require('clear')
const chalk = require('chalk')
const act = ['剪刀', '石头', '布']
let num = 1
let score = 0
let gamer = ''
let result = ''
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout
})
clear()
const beginText = chalk.green(`
============================================
开始游戏,请输入:【剪刀】、【石头】、【布】
退出游戏,请输入: 【quit】
============================================
`)
console.log(beginText)
rl.on('line', function (input) {
if (input === 'quit') {
rl.close()
} else if (act.indexOf(input) !== -1) {
const idx = Math.floor((Math.random() * 3))
gamer = act[idx]
const curScore = scoreRule(input, gamer)
score += curScore
let win = curScore === 1 ? '本次玩家获胜' : curScore === -1 ? '本次电脑获胜' : '打平了,一定是巧合'
result = `
※ ※ ※ ※ ※ ※ ※ ※ ※ ※
第${num}回合:
-------------------
玩家出了: ${input}
电脑出了: ${gamer}
${win}
※ ※ ※ ※ ※ ※ ※ ※ ※ ※
`
num++;
console.log(result)
if (num > 3) {
rl.close()
}
} else {
console.log(`
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
继续游戏,请输入:【剪刀】、【石头】、【布】
退出游戏,请输入: 【quit】
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
`)
}
})
// 监听关闭 退出进程
rl.on('close', function () {
if (num > 3) {
winText = score > 0 ? '玩家获得了最终的胜利' : score < 0 ? '玩家最后还是输啦,加油哦' : '不可思议的平局'
console.log(`
==========================
本局结束,玩家总得分${score}
${winText}
==========================
`)
}
process.exit(0)
})
function scoreRule(player, npc) {
// 剪刀 布
// 石头 剪刀
// 布 石头
if (player === npc) {
return 0
}
if ((player === '剪刀' && npc === '布')
|| (player === '石头' && npc === '剪刀')
|| (player === '布' && npc === '石头')) {
return 1
} else {
return -1
}
}
抛砖引玉
Node.JS的学(mō)习(yú)的过程,我们会接触到越来越多的依赖模块和API,也从侧面说明了npm库的强大,我们想用的功能可能搜一搜就可以找到并且拿来用了。不要迷失在API的浪花中,我们了解到了,在用到的时候勿忘搜索技巧就好。
这里的【剪刀石头布】好lou啊(简直不能看),但是我们学习的过程可以始于lou,一lou一lou的深入下去,lou顶必将留下你精细的身影。欢迎吐槽我,欢迎深入Node.JS,加油~
点击这里→了解更多精彩内容