cocos开发微信小程序(入门版)

5月前作者：blakeyi 分类：Toy博客阅读(17) 违法举报

这篇具有很好参考价值的文章主要介绍了cocos开发微信小程序(入门版)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1 背景

第一次尝试用cocos写小游戏, 这里记录下基本的知识点总结和踩的坑
黑马课程

这个课程比较基础,而且用的版本比较老了,如果用最新版本的cocos是不行的, 因为最新的cocos creator只能使用ts, 所以这也是为什么我这里有js(creator v1.5.5)和ts(creator v3.6.0)两个版本的 , 完整代码在github

2 基础知识

2.1

cocos为组件化开发,在实际的使用过程中感觉还是比较容易上手的,基本结构的话就是 Scene(场景) -> Node(节点) -> Component(组件), 组件是需要挂载在node下面的, 而node节点像是链表一样, 层次递进,可以查询子节点

2.2

主要开发是在assets目录下,介绍如下

res目录(资源,图片,音频,字体等等)
scene(存放场景文件)
script(控制资源和逻辑) 注意script下的脚本其实也算是组件,需要添加到node节点上

2.3

脚本内字段和界面上节点和组件的绑定, 比如可以在脚本内定义一些变量, 变量类型可以为Node 和component中的各种类型, 然后在界面上把对应资源拖到右侧属性检查器界面的变量里就行, 脚本挂载在哪个节点, this.node就为哪个节点文章来源地址https://www.toymoban.com/news/detail-536752.html

3 踩坑

js版的抓住的牛和拉下来的牛会不一致
js和ts的api变化比较大, 主要是js中的runCallback和moveTo等移动api在ts中被tween替代了, 另外就是对节点暴露属性的方式不太一样

到了这里，关于cocos开发微信小程序(入门版)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

选择uni-app的原因是什么需要使用到的工具关于HBuilder X工具和微信小程序工具的介绍怎么下载HBuilder X工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-app uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到

2024年02月08日
浏览(34)
uniapp开发微信小程序实现语音识别，使用微信同声传译插件，

第一步：在微信小程序管理后台：“设置”-》“第三方设置”-》“插件管理”中添加插件。但是这个地方，没有搜索到插件，就到微信服务市场搜索到以后添加到需要的小程序里面，然后返回管理中心查看，就可以看到了第二步：在配置文件中引入插件第三步：在需要使

2024年02月05日
浏览(26)
使用微信开发工具开发微信小程序（二）——协同工作、发布与事件绑定

1.了解项目成员的组织结构 2.小程序开发流程 3.不同项目成员的权限 4.开发者权限开发者权限 :可使用小程序开发者工具及对小程序的功能进行代码。开发体验者权限 :可使用体验版小程序。登录权限 :可登录小程序管理后台，无需管理员确认。开发设置 :设置小程序服务器

2024年02月09日
浏览(23)
使用binary-wang开发微信小程序的登录和微信支付

贴个官网，建议down下来他的源码，对照着开发更方便，因为备注很详尽。其它不多废话了，我直接写步骤了。 1. Maven引入时间2023年5月，目前最新版本是4.5.0 2. 微信小程序参数配置考虑到多微信小程序和微信支付多商户的问题，我们的配置将会是以集合的形式存在 2.1 prop

2024年02月04日
浏览(31)
uniapp开发微信小程序，使用微信同声传译插件，实现语音识别输入文本

第一步：现在微信小程序管理后台：“设置”-》“第三方设置”-》“插件管理”中添加插件。但是这个地方，没有搜索到插件，就到微信服务市场去搜微信服务市场搜索到以后添加到需要的小程序里面，然后返回管理中心查看，就可以看到了第二步：在配置文件中引入插

2024年02月09日
浏览(32)
uniapp开发微信小程序，出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁

[微信小程序开发者工具] [error] Error: Fail to open IDE 是因为小程序AppID这里的id有自己以前填写的，现在肯能某种原因无法使用，所以把它清空或天上自己现在能用的即可，我建议为空更好，然后运行微信小程序肯能不会跳出来，这是需要将微信开发者工具关闭完了，在hbuilder

2024年02月16日
浏览(23)
记录 wx-open-launch-weapp 使用react开发微信环境h5打开微信小程序

准备工作 1、微信签名配合后端 2、必须已认证的公众号(开发模拟器不行,测试号不行) 遇见的问题: 本地调试麻烦,用的手机修改dns,和电脑一致,通过电脑代理,编译时配置host代理运行调试(因为本地开发没办法签名认证) 1、在微信编辑器,测试号内怎么试都不生效,最后发现正式

2024年02月16日
浏览(21)
前端开发——微信小程序

使用的开发平台为——微信开发者工具（点击此处链接）依次点击【工具】-【下载】-【稳定版更新日志】，找到适合的版本，进行下载安装。注册微信小程序（点击注册链接），注意注册的是”小程序“。根据注册提示完成后，进入以下界面：在侧边栏点击【开发】-

2024年02月03日
浏览(25)
微信小程序支付流程（前端）

微信小程序的支付只要用到官方的支付API ： wx.requestPayment(Object object) 官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html 1、总体流程一般情况下，前端接触到的支付流程是这样的：商品页选择商品 —— 提交商品订单（跳转到确认订单页） ——

2024年02月11日
浏览(31)
【前端面试题——微信小程序】

标签名字有点不一样多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式开发工具限制：WXML仅能在微信小程序开发工具中预览，而HTML可以在浏览器内预览。组件封装不同：WXML对组件进行了重新封装，为后续的性能优化提供了可能，同时避免开发者写出低质量的代码。没有

2024年02月09日
浏览(28)