CocosCreator之KUOKUO带你做疯狂木板-变长（1）

本次引擎2.0.5

编辑工具VSCode

目标：

第一部分，手指点击变长的木板。

这种类型的微信小游戏还是很多滴，今天KUOKUO带大家做一做。

我们新建一个工程；

加个bk背景，保存为game场景。

顺便设置一下宽和高。

好了，我们用单色节点弄个平台出来：

黑色的ground,红色的zhujue.

对应的坐标点一定要记住哦。

我的是x = -220;

好了，再让我们设个木板，弄成蓝色的吧。

重点：木板的锚点要改变，y轴的给0。

然后记录坐标：

x = -175

好了，让我们弄个触摸监听。

新建main.js挂在Canvas上：

声明木板节点（blank）

声明一个标志变量；

好，我们在onLoad里加触摸监听：

这样实现开启关闭标志位：

在update中这样写：

这样你按下去木板就会变长：

怎么样？会了吗？

接下来就是松手后判断一下距离，然后旋转了：

我们先写个旋转，距离判断下节给出。

看一下效果：

好了，接下来的平台生成我们下一节讲！

给出目前的代码：

cc.Class({extends: cc.Component,properties: {// 木板节点blank : cc.Node,// 变长标志long_flag : 0,},onLoad () {// 初始化时木板为0this.blank.height = 0;// 触摸开始this.node.on('touchstart',function() {this.long_flag = 1;},this);// 触摸结束this.node.on('touchend',function() {this.long_flag = 0;// 开始旋转90度this.blank.runAction(cc.rotateBy(1.5,90));},this);},update(dt) {if (this.long_flag == 0) {return;}else {this.blank.height += 100 * dt;}}});

console.log（滑稽）

O(∩_∩)O~~

CocosCreator之KUOKUO带你做疯狂木板-变长（1）相关推荐

CocosCreator之KUOKUO带你做疯狂炮台-数字（2）
本次引擎2.0.5 编辑工具VSCode 目标: 第二部分:BOSS挨打与次数显示. 好,我们第一部分刚做出了无限子弹,这一次我们找个BOSS(就是挨打的) 单色节点配标签(忽然发现我好爱单色节点) ...
CocosCreator之KUOKUO带你做个加速带！起飞！
摘要有趣的物理小游戏总能让小伙伴们爱不释手,而 CocosCreator 的内置物理引擎让其开发变得更加简单.今天 KUOKUO 就为大家带来物理的加速带,让主角小恐龙起飞! 正文使用版本 Coc ...
CocosCreator之KUOKUO带你做双摄像机-单独渲染UI
引擎版本 CocosCreator v2.1.2 引言相信小伙伴们在做摄像机跟随主角的游戏时会遇到 UI 节点不动的问题,眼睁睁的看着按钮远去.如何解决呢?建立两个摄像机分开渲染即可. 问题演示首 ...
CocosCreator之KUOKUO带你做喵喵的跳跃
本次引擎2.0.5 编辑工具VSCode 如遇不会某个步骤可以先过一遍之前教程,或者下方评论,感谢支持! 目标:喵喵的跳跃今天教大家CocosCreator的动作函数: 它可以实现平滑的每秒60帧左 ...
CocosCreator之KUOKUO带你做个基于物理的跑酷游戏第二部分-做个动画加点炸弹
本次引擎2.0.5 编辑工具VSCode 目标:第二部分,做个主角动画,加入炸弹. 把帧动画资源导入,然后把zhujue大小改了,图片改为我们序列帧动画第一个. 素材结尾给出. 打开动画编辑器,弄一个 ...
CocosCreator之KUOKUO带你做自己的艺术数字字体
实现效果教程链接 https://www.bilibili.com/video/av55801008 O(∩_∩)O~~
CocosCreator之KUOKUO带你做音乐可视化
摘要音乐干听多没劲,来点可视化效果让音乐"动"起来!底部源码分享! 正文说明在浏览器端 AudioContext 是一个专门用于音频处理的接口,工作原理是将 AudioCon ...
CocosCreator之KUOKUO带你做个电玩叠乌龟游戏
引擎版本: 2.0.10 编程语言: TypeScript 视频链接: https://www.bilibili.com/video/av57323107 开源地址在视频简介中. 欢迎大家去哔哩哔哩关 ...
CocosCreator之KUOKUO带你做个基于物理引擎的绳子关节的duang~
本次引擎2.0.5 编辑工具VSCode 目标:基于物理引擎的绳子关节的duang~ 来吧,让我们走进物理世界! 新建工程: 单色精灵背景,单色精灵地面. 然后给ground加刚体,加个物理碰撞盒子. ...

CocosCreator之KUOKUO带你做疯狂木板-变长（1）

CocosCreator之KUOKUO带你做疯狂木板-变长（1）相关推荐

最新文章

热门文章