手把手带你写 Node.JS 版本小游戏

发布于: 2020 年 09 月 04 日

摘要:今天就利用Node.JS为大家带来简单有趣的的剪刀石头布的小游戏。



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的学(mō)习(yú)的过程,我们会接触到越来越多的依赖模块和API,也从侧面说明了npm库的强大,我们想用的功能可能搜一搜就可以找到并且拿来用了。不要迷失在API的浪花中,我们了解到了,在用到的时候勿忘搜索技巧就好。



这里的【剪刀石头布】好lou啊(简直不能看),但是我们学习的过程可以始于lou,一lou一lou的深入下去,lou顶必将留下你精细的身影。欢迎吐槽我,欢迎深入node,加油~



点击关注,第一时间了解华为云新鲜技术~



发布于: 2020 年 09 月 04 日 阅读数: 25
用户头像

传送门:https://bbs.huaweicloud.com/ 2020.07.14 加入

华为云开发者社区,提供全面深入的云计算前景分析、丰富的技术干货、程序样例,分享华为云前沿资讯动态,方便开发者快速成长与发展,欢迎提问、互动,多方位了解云计算!

评论

发布
暂无评论
手把手带你写Node.JS版本小游戏