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

这篇具有很好参考价值的文章主要介绍了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日
    浏览(69)
  • uniapp开发微信小程序实现语音识别,使用微信同声传译插件,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    2024年02月09日
    浏览(44)
  • 前端笔记--微信小程序(原生)

    介于工作需要,这里总结一下微信小程序的开发。 官网:微信小程序 开发文档:微信开放文档 vscode安装插件:   ‘ wxml 对应 html wxss 对应 css js 逻辑层 json 数据配置层 同样也是MVVM模型 (1)app.json pages :该项目的所有页面,字符串对应文件路径,但是不要加后缀名。 我们可

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包