您的位置:制图网首页 -> 新闻动态 -> 五子棋棋盘图片画法【五子棋棋盘图片 电子版】

热门排行

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

2023/1/31 来自于:制图网 点击:215
前言

上一节Scratch编程课程,我们实现了最基本的15X15的五子连珠棋盘。

这节Scratch编程课程,我们进一步绘制更完美的棋盘。包括:1.真实化的背景颜色;2.最外层的粗边框;3.正中心的天元和4个小星。

最终的效果图如下图所示:

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

图1

真实化的背景颜色

现实生活中的棋盘很多都是类似黄色的木色,所以我们使用类似的颜色作为背景。

我发现Scratch自带的小猫角色上正好有类似的黄色,所以我们直接就用这个颜色就行了。具体做法就是,进入小猫角色的造型界面,选择黄色的部分,查看颜色的参数“11,90,100”。

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

图2

然后,自定义绘制一个背景,用矩形框子,做一个铺满绘制区的大矩形。填充色调整为刚才记录下来的小猫的颜色参数“11,90,100”就可以了。

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

图3

最外层的粗边框

首先是把笔加粗到2,然后起笔位置从之前的位置坐标(x值-161,y值161)的位置,调整到向左上角分别扩大10,也就是起笔位置调整为位置坐标(x值-171,y值171)的位置。然后开始向右行笔,行笔长度从原来的322扩大了两个10,也就是画一条边的行笔长度为342,画完一条边后方向旋转90度,继续画另一条边,直到画完4条边后,回到起始位置。实际上就是我在之前课程中讲过的画正方形。

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

图4

正中心的天元和4个小星。

至于这5个原点,有多种做法,我还是选择使用画笔来画。下图我用红色框子分别标出了5个点的代码。虽然代码看着长,但是,对比一下每个红色框子的代码,你会发现,切实就是两步而已,1.移动到对应的位置;2.落笔画一个点。注意,落笔后,要抬笔,不然移动到另一个点的过程中,会画出一条长长的线哦。

关于点的大小,大家只要调整笔的粗细就可以了。这里,我设置为8,大家不一定要和我一样,自己调试决定吧。

五子棋棋盘图片画法【五子棋棋盘图片 电子版】

图5

视频效果

最后,我将本节Scratch编程的运行演示录制了视频,大家点击下方的“三角形”播放按钮观看。

制图网(www.makepic.net),专业的logo免费设计在线生成网站,全自动智能化logo设计,商标设计,logo在线生成!

欢迎使用制图网制作属于您公司自己的logo,不仅专业而且经济实惠,全方位满足您公司品牌化、视觉化的需求。

输入激活码

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码! chatGPT中文网页版,无需注册,快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)

输入激活码

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码! chatGPT中文网页版,无需注册,快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)