WPS-js宏 做了一个“黑”棋

最新推荐文章于 2024-05-21 16:12:25 发布
最新推荐文章于 2024-05-21 16:12:25 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： WPS-js宏 文章标签： wps javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42329250/article/details/130769103
版权

最近在研究wps的js宏，想要通过js宏提高工作中文档处理的效率。不过目前是自己摸索着去学习。

学习过程中使用js宏制作了一个“黑”棋小游戏（官方的游戏名不太清楚）

游戏概述：运行后会出现一个九宫格+一个开始按钮+一个显示下棋步数的控件

游戏规则：运行后九个正方形会随机变成黑色/红色，点击方块可以改变正方形的颜色（黑色红色互转），同时被点击的正方形的相邻（上下左右）正方形也会改变颜色，将9个正方形的颜色都点击为黑色，游戏即胜利同时会显示用到的步数。

以下是关于这个小游戏的制作教程：

（1）新建一个excel文件并打开WPS的js宏编辑器，在编辑器中新建一个窗体，然后就从控件区各种拉，这里拉了一个button（用于开始按钮）、一个标签框（用于显示游戏步数信息）、九个切换按钮（用于9个游戏方块）

（2）代码实现1：游戏加载时的初始化程序+开始按钮对应的程序

//游戏加载初始化程序
function allblack(){
	UserForm1.Close()
	UserForm5.Label1.Caption = ''
	UserForm5.StartUpPostion = 1
	//	设置9个切换按钮的显示值（这个是显示在切换按钮上的值，此处不需要所以设置为空）
	UserForm5.ToggleButton1.Caption = ''
	UserForm5.ToggleButton2.Caption = ''
	UserForm5.ToggleButton3.Caption = ''
	UserForm5.ToggleButton4.Caption = ''
	UserForm5.ToggleButton5.Caption = ''
	UserForm5.ToggleButton6.Caption = ''
	UserForm5.ToggleButton7.Caption = ''
	UserForm5.ToggleButton8.Caption = ''
	UserForm5.ToggleButton11.Caption = ''
	//	显示窗体
	UserForm5.Show()
}
//点击开始按钮程序
function UserForm5_CommandButton1_Click()
{
	UserForm5.Label1.Caption = '-1'
	//	设置切换按钮的值（不是显示值！是值，0和1分别代表切换按钮的两种状态）
	//	这里设置了随机数，实现9个方块随机值的效果
	UserForm5.ToggleButton1.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton2.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton3.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton4.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton5.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton6.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton7.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton8.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton11.Value = Math.round(Math.random()) 
	//	值是随机的但是此时方块不会有颜色，调用颜色更新的程序
	color()
}

 （3）代码实现2：根据切换按钮的值判断方块颜色程序+游戏结束判定程序+记录步数程序

//颜色判定
function color(){
	//	上一步切换按钮生成了随机值0或1，这里值为1背景色为黑色，值为2背景色为红色
	//	此时的颜色值是用的十进制，可能会觉得看不懂
	if(UserForm5.ToggleButton1.Value){
		UserForm5.ToggleButton1.BackColor = 0
	}else{
		UserForm5.ToggleButton1.BackColor = 16711680
	}
	if(UserForm5.ToggleButton2.Value){
		UserForm5.ToggleButton2.BackColor = 0
	}else{
		UserForm5.ToggleButton2.BackColor = 16711680
	}
	if(UserForm5.ToggleButton3.Value){
		UserForm5.ToggleButton3.BackColor = 0
	}else{
		UserForm5.ToggleButton3.BackColor = 16711680
	}
	if(UserForm5.ToggleButton4.Value){
		UserForm5.ToggleButton4.BackColor = 0
	}else{
		UserForm5.ToggleButton4.BackColor = 16711680
	}
	if(UserForm5.ToggleButton5.Value){
		UserForm5.ToggleButton5.BackColor = 0
	}else{
		UserForm5.ToggleButton5.BackColor = 16711680
	}
	if(UserForm5.ToggleButton6.Value){
		UserForm5.ToggleButton6.BackColor = 0
	}else{
		UserForm5.ToggleButton6.BackColor = 16711680
	}
	if(UserForm5.ToggleButton7.Value){
		UserForm5.ToggleButton7.BackColor = 0
	}else{
		UserForm5.ToggleButton7.BackColor = 16711680
	}
	if(UserForm5.ToggleButton8.Value){
		UserForm5.ToggleButton8.BackColor = 0
	}else{
		UserForm5.ToggleButton8.BackColor = 16711680
	}
	if(UserForm5.ToggleButton11.Value){
		UserForm5.ToggleButton11.BackColor = 0
	}else{
		UserForm5.ToggleButton11.BackColor = 16711680
	}
	//	更新完颜色后会触发记录步数的程序和游戏结束判定的程序
	jibu()
	end()
}
//结束判定
function end()
{
	//	当切换按钮（游戏方块）的值全为1，游戏结束!
	if (UserForm5.ToggleButton1.Value == 1 && 
		UserForm5.ToggleButton2.Value == 1 && 
		UserForm5.ToggleButton3.Value == 1 && 
		UserForm5.ToggleButton4.Value == 1 && 
		UserForm5.ToggleButton5.Value == 1 && 
		UserForm5.ToggleButton6.Value == 1 && 
		UserForm5.ToggleButton7.Value == 1 && 
		UserForm5.ToggleButton8.Value == 1 && 
		UserForm5.ToggleButton11.Value == 1
		)
		{
			let a = UserForm5.Label1.Caption
			UserForm5.Label1.Caption = "success" + a
		}
}
//记录步数
function jibu()
{
	UserForm5.Label1.Caption ++
}

  （4）代码实现3：9个切换按钮（游戏方块）被按下后更换值的程序

//以下9段程序为9个切换按钮（游戏方块）的对应程序
//当方块被点击时，程序会让该方块的上下左右四面的相邻方块的值变化（0和1的转换），并执行颜色更新的程序
//！！！此处不需要写被点击的方块更改值的程序，因为切换按钮被点击会自动切换！！！
function UserForm5_ToggleButton1_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton2_Click()
{
	UserForm5.ToggleButton1.Value = 1 ^ (UserForm5.ToggleButton1.Value ? 1 : 0)
	UserForm5.ToggleButton3.Value = 1 ^ (UserForm5.ToggleButton3.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton3_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton4_Click()
{
	UserForm5.ToggleButton1.Value = 1 ^ (UserForm5.ToggleButton1.Value ? 1 : 0)
	UserForm5.ToggleButton7.Value = 1 ^ (UserForm5.ToggleButton7.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton5_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton6_Click()
{
	UserForm5.ToggleButton3.Value = 1 ^ (UserForm5.ToggleButton3.Value ? 1 : 0)
	UserForm5.ToggleButton11.Value = 1 ^ (UserForm5.ToggleButton11.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton7_Click()
{
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton8_Click()
{
	UserForm5.ToggleButton7.Value = 1 ^ (UserForm5.ToggleButton7.Value ? 1 : 0)
	UserForm5.ToggleButton11.Value = 1 ^ (UserForm5.ToggleButton11.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton11_Click()
{
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	color()
}

 到此完成

另：目前网上关于JS宏的教程少且乱，毕竟是在VBA宏之后出现的，所以搜索问题时经常会出现vba宏的教程和讲解，这对于个人学习JS宏真的太难了，如果有同样需求同样问题的bro，可以评论区集合讨论一波~

程不住气
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
c++switch实现猜拳_WPS表格制作猜拳小游戏
weixin_34675606的博客
12-12 533
石头剪刀布猜拳游戏，我想大家都玩过，就是石头剪刀布。这种游戏简单、有趣、不需要额外工具，2个人就可以玩。下面我们用WPS工作表来构建一个猜拳小游戏。石头剪刀布小游戏制作思路1.游戏双方为用户和电脑。2.用户可通过下拉菜单来选择石头、剪刀、布。3.电脑随机出石头、剪刀、布。4.用户和电脑之间比较谁赢。函数应用考虑到只有石头、剪刀、布，3个选项，考虑用randbetween来随机产生3个数，比如：1-...
简易扫雷游戏的编写
qq_42006663的博客
11-12 2853
扫雷作为一个许多90后都印象极为深刻的小游戏，它的简单代码运行方式并不复杂。 首先，介绍一下扫雷游戏的运行规则，在一个n*n的方格中，排查一个小方格，如果出现雷，则游戏结束，如果出现了一个数字，这个数字代表了以这个数字为中心的九宫格周边八个格子中地雷的数量，随后不断排查，知道所有的雷都被排查完，游戏结束。 一：然后我们来整理一下编写扫雷游戏的思路： 1：扫雷界面是一个平面方格，可以用一个二维数组来表示，排查雷即输入数组内的下标。 2：在二维数组中放入初始化值字符...
手机随机数字抽奖器_JavaScript 实现九宫格抽奖
weixin_39846191的博客
12-03 965
九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！1预览效果效果图为屏幕录制软件生成，以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果2完整代码代码可直接复制运行查看效果(图片记得更换)html><html><head><metaname="viewport"content="width=devi...
简单的抢地盘js小游戏实战篇（多人在线对战）
long_songs的博客
03-02 5537
今天来实现一个简单的多人联机在线对战的小游戏 index.js const http = require("http"); const app = require("express")(); app.get("/", (req,res)=> res.sendFile(__dirname + "/index.html")) app.listen(9091, ()=>console.log("Listening on http port 9091")) const webs...
死神vs火影制作人物教程.wps
12-19
#死神vs火影游戏制作教程#
【WPS】WPS的JS宏脚本编写总结
huanqing2010的专栏
04-24 9446
简单介绍WPS宏编辑器的基本用法和简单经验，顺带提供WPS表格中删除偶数行的JS宏代码。适合新手。
WPS-js宏 在WPS的功能区添加自定义功能按钮
weixin_42329250的博客
08-22 2559
通过JS宏 自定义添加wps的功能按钮
wps-excel办公+JS宏编程教程基础到进阶+函数使用手册
07-05
内容概要：主要讲解JS代码实现excel宏编程，从基础到进阶，另外也可作为函数查找手册用，或者帮助文档用；使用JS代码宏编程的优势就是运行快、代码简单易上手、且由于代码提示作用使得代码编写极快。提高工作效率。 ...
WPS-JS版本五子棋
09-22
WPS-JS版本五子棋
WPS-JSA-贪吃蛇.et
10-19
WPS-JSA-实现的贪吃蛇。https://jerryjin.blog.csdn.net/article/details/120843954 欢迎加入QQ群交流JSA技术 551293360
Javascript中最常用的55个经典技巧.wps
03-22
Javascript中最常用的55个经典技巧.wps Javascript中最常用的55个经典技巧.wps Javascript中最常用的55个经典技巧.wps
wps_excel办公+JS宏编程教程基础到进阶+函数使用手册+excel中使用JS代码实现宏编程。
07-28
内容概要：主要讲解JS代码实现excel宏编程，从基础到进阶，另外也可作为函数查找手册用，或者帮助文档用；使用JS代码宏编程的优势就是运行快、代码简单易上手、且由于代码提示作用使得代码编写极快。提高工作效率。 ...
wps代码块插件wps-syntaxhighlighter
10-06
wps代码块插件
wps宏编程js宏编辑器之代码调试讲解
chuangxin的专栏
03-30 3142
继前几篇wps js宏编程基础知识，wps开放平台就js宏编辑器的介绍说明，es6基本语法讲解后，相信大家对wps js宏编程有了一定认识，已经会用js在wps表格中实现一些简单的功能，编写js宏代码过程中，我们或多或少碰到代码运行时报错，输出结果不符期望等现象，此时我们就需要调试、跟踪代码执行过程，查看变量等。接下来，我们一起看下在js宏编辑器中如何进行代码调试。
WPS-JS宏开发-基础知识-03-三大基本结构
Z的博客
10-22 1633
三大结构
WPS JS宏示例-批量添加链接
热门推荐
小小明-代码实体的专栏
09-25 2万+
原始数据如下：共1.2万多条数据，现在我们需要给来源网址添加可以点击到目标网址的链接，并通过HS编码生成详情页链接。最终生成效果如下：这个案例用Python实现会很简单，但是我们可以通过这个简单的例子练习js宏的使用，由易到难。视频学习资料：API文档：另外是必须懂JavaScript语言的语法，本人对JavaScript语言的熟练程度远高于VB，所以WPS宏的js宏也相对写的非常顺手舒服。JavaScript文档教程推荐：有宏录制功能，即使在不查API文档的情况下，也能清楚知道一些操作代码。比如我们不知道
WPS表格JS宏实现用按钮抽签多人中签
milkyway08的博客
07-20 409
问：怎样用WPS表格实现抽签多人中签功能？ 程序猿答疑： 以前在Office Excel中用VBA编写宏，今天发现WPS表格支持JS宏，对程序猿答疑个人而言，JavaScript写起来比VBA流畅多了，今天给大家答疑的是如何用WPS表格实现按钮点击抽签功能，并且支持抽中多人。
js宏编程--wps开放平台介绍
chuangxin的专栏
03-27 4107
在上篇《初识Excel的JS环境WPS宏编程》中提到，JS宏编程有2个比较好的参考资料，一个是官方的WPS开发平台介绍，另一个则是ES6教程，本文就WPS开发平台关于JS宏编程的重点做一个概要性的介绍。
如何在群晖NAS安装WPS Office并使用公网地址远程访问处理文档表格
最新发布
weixin_58070962的博客
05-21 707
如何在群晖NAS安装WPS Office并使用公网地址远程访问处理文档表格
wps js宏开发文档
04-27
WPS是一款常用的办公软件，其中的JS宏功能可以帮助用户实现自动化操作和批量处理等需求。以下是WPS JS宏开发的文档及步骤： 1. 安装WPS Office软件并打开其中的一个文档。 2. 选择“工具”-“宏”-“编辑宏”，进入JS宏编辑界面。 3. 在编辑界面中，可以编写JS脚本代码，实现所需的功能。JS脚本代码应该按照WPS JS宏的语法规则编写。 4. 编写完JS脚本代码后，可以点击“保存”按钮，保存JS宏代码。 5. 保存JS宏代码后，可以在WPS Office软件中使用该宏。使用方法是：选择“工具”-“宏”-“运行宏”，并选择保存的JS宏代码。 6. 如果需要对JS宏进行调试，可以在编辑界面中点击“调试”按钮，调试JS宏代码。 7. 在JS宏开发中，可以使用WPS Office软件提供的API来实现更复杂的功能。WPS Office提供了完整的API文档，供开发者参考。API文档可以在WPS Office软件中的“帮助”-“API文档”中查看。 以上就是WPS JS宏开发的文档及步骤，希望对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值