猫史档案馆


厉害了!短短的几行积木做出了这么厉害的作品!

用户:喵队长喵队长查看:0 回复:3 评论:0 创建时间:2018-11-16T18:59:44


最近编程猫官网首页非常火的一款游戏相信大家都体验过

四个精致的关卡你是否已经都通关了呢?

没有玩的训练师可以点击链接体验:https://www.codemao.cn/work/4053032

像这些有趣的玩法和精美的素材是不是大家创作中想要的甘露?

今天给大家带来一期简单的教学!!

教大家如何制作第一关秘钥

 

center_image

 

由此GIF展示,我们得知了作品的核心流程

 

center_image

 

核心判断总结

1、是否在中心面板处

2、是否碰到了障碍物

3、是否积木重叠

4、是否使用完全部积木,并填满中心面板

 

核心操作

1、按住    

2、放大   

3、拖动    

4、放置  

有了以上4个核心操作和4个核心逻辑判断

我们的作品制作的思路就变得非常清晰了~

 

制作步骤

1、素材准备

点击链接采集相关素材:https://www.codemao.cn/mall/theme/17

2、素材的摆放

 

center_image

Tips

左侧的积木素材本身是比较大的,大家要自己调整好大小在放入左侧水管中。

本作中缩小状态是8%左右,而拖动时放大至38%即可。

 

3.完成基础的操作

鼠标按住可拖动积木,放开时积木放置

center_image

由于我们四个积木都是一样的拖动逻辑,会使用函数的小伙伴可以封装成一个移动函数,再使用。

 

center_image

4.巧解判断

到此,我们总结了这里的判断都是不可碰的

喵队长在这教大家一种简答的方式

前提是当我们中心游戏区域固定的情况下

运用热区判断

 

center_image

图中用红框标识的部分都是一个个热区

直接使用画板工具制作矩形的方块即可

ps:一定要是矩形的小块,而不能是一张大图

 

center_image

 

积木部分

 

1.设置所有的热区为红色阵营(2行即可,其他复制粘贴)

 

center_image

 

2、编写积木触碰红色阵营返回水管

 

center_image

记住每个积木的水管坐标是不一样的,记得修改

PS:还有一种判断,就是积木之间互相不可重叠,在这我们直接使用颜色就好啦~

以红色积木为例:

 

center_image

完成后

 

center_image

 

为什么没有判断绿色呢?

因为我们主板是固定的,那就小小偷懒一下~

无论如何都不会出现红绿相叠的情况哦

最后将写好的逻辑在每一个积木中编号,并拼接在移动之后。

 

4.判断是否完成

敲黑板

因为我们游戏主区域是固定的

那么当不能碰的没有碰

不能重叠的没有重叠

并且所有积木都在主区域上时

那就一定是完美拼接,并填满了我们的游戏区域

顺利通关了~

 

小小建议

我使用了一个列表来记录这个状态~

列表中4项代表了4个积木是否成功放置在了游戏主区域上

 

center_image

当判断在游戏主区域上时就将对应的值变为1

回到水管时变回0

我这里,还是刚才的红色L型积木代表的第一项

 

center_image

 

最后

在我们的主游戏界面写一个简单的判断

当列表的四项加起来等于4时

发送成功广播

然后让我们的已破译或者成功素材

接收到广播并显示即大功告成!

 

center_image

以上简单的方法就能完成作品的核心实现

你,学会了吗?

快一起来试试~

第一关bcm下载:https:/喵5gUfaHj


回复

上一页1 页 / 共 1下一页
1到20个字符1到20个字符

sofa

点赞0


评论


美术喵美术喵

哦,明白了

点赞0


评论


宫爆鸡丁~宫爆鸡丁~

厉害୧(๑•̀◡•́๑)૭

点赞0


评论