page-bg
menu_bg
我的位置: 网站首页
>
小游戏
>
文章详情

《小猫钓鱼》实战系列之Cocos开发微信小游戏

0,下是在晓衡在微信开发者工具下的视频演示:开发微信小游戏,非常的详细!的同意后,将他的教程在公众号上分享给需要的伙伴。简直安装贼繁琐,参见网上各种各样的教程现在简单了,直接傻瓜式

老师的微信小游戏《小猫钓鱼》源码已经适配Cocos 2.2.0。 以下是小衡在微信开发者工具下的视频演示:

源代码仓库:

在交流群中,时不时有小伙伴在开发微信小游戏时遇到授权登录和排名的问题。 这让我想起了老师的《小猫钓鱼》实战系列,从0基础教你用Cocos开发微信小游戏,很详细! 征得作者同意后,将其教程分享至公众号,分享给有需要的伙伴。

一、工具安装1.2.2.0

下载链接:

安装教程:

2. 微信网页开发者工具

下载链接:

安装教程:运行安装文件,下一步就OK了

很简单,不是吗? 以前安装Cocos真的很繁琐。 参考了网上的各种教程,现在简单了。 简单的一键式操作,对新手非常友好。

还有一点需要注意的是不要忘记注册Cocos和微信开发者。

2. 玩法

下面简单介绍一下这款待开发的小游戏的玩法。 这很简单。 游戏一开始,我们需要控制鱼钩深入水中。 当鱼钩钩到鱼的时候,小猫就会开始拉鱼线,把鱼钩往上拉。 ,直到它被拉出水面,在回收过程中,我们需要控制鱼钩尽可能多地钓到鱼。

明确需求后,我们就开始开发吧。

下载:

关联:

提取码:2s7y

设计尺寸

首先,这是一款竖屏游戏,默认创建的是横屏游戏,所以我们需要将游戏做成竖屏。 在架设的过程中,你需要知道两件事:设计分辨率和屏幕分辨率。 这两个“决议”,可以参考官方教程:

我们选择修改为640*960。

钓鱼小游戏

构建场景

接下来,我们需要修复钩子。

1、选中它,右键创建一个渲染节点,在编辑器的属性检查器中,将节点名称改为Hook(邓紫棋:(╬▔盘▔)凸的别弄乱我的Hook!!)

钓鱼小游戏

2.为我们替换Hook和制作好的hook资源

钓鱼小游戏

3.在Hook.js中创建脚本,将脚本作为组件添加到节点Hook中

钓鱼小游戏

添加方法是点击节点Hook,在属性检查器中,添加组件添加用户脚本组件Hook.js

4、在Hook.js脚本中添加如下代码,使钩子动起来:

start () {
this.node.runAction(cc.repeatForever(cc.moveBy(5,cc.p(0,-100))));
},

OK,现在让我们点击预览游戏,看看它长什么样子? 看效果(⊙﹏⊙) 钩子向下移动是真的,但是镜头没有!

录影机

没关系,接下来我们来处理相机镜头。

1、在Hook节点中添加一个空的子节点钓鱼小游戏,并将节点名称改为 。 同时给这个节点添加组件,选择其他组件,这就是我们游戏的相机。 作为Hook的子节点,摄像机可以跟随Hook移动,我们不需要额外写任何代码。

2.给节点添加子节点,子节点类型为钓鱼小游戏,节点名称改为HUD。 我们主要用这个节点来放置一些UI节点。 注意修改HUD的大小为640*960,背景颜色改为蓝色(/(ㄒoㄒ)/~~因为没有背景图)并设置:

钓鱼小游戏

并设置和的;

钓鱼小游戏

3.在HUD下方添加一个Label用于Score显示,坐标设置为左上角。 好了新开传奇私服,这样就完成了鱼钩,摄像头,还有一些UI的功能。

为了看效果,我加了个背景,毕竟需要参考才能看

怎么样,是不是有点不一样了?

钓鱼小游戏

3.完整教程

老师的《小猫钓鱼》教程一共10篇,涉及Cocos界面编辑、动作动画、碰撞系统、微信登录排行榜等诸多方面:

点击【阅读原文】进入老师的CSDN博客,里面收录了所有完整的教程,供大家参考学习。

标签: