游戏开发引擎,游戏开发,游戏开发教程

cocos creator游戏之弹窗动画的实现

2022-10-25

优秀的游戏，都会有加入一些动画效果，cocos creator开发游戏的时候加入过渡动画，可以提升游戏体验，动画效果如下：这里实现的是缩小放大的效果，具体步骤如下：1、选择节点，点击动画编辑器，再点击添加animation组件2、然后新建Clip文件3、新建好之后，点击编辑，创建动画4、点击Add Property，选择scale，放大缩小5、设置scale的x和y都为06、设置好之后拖动红色线，移动到指定位置，再为其设置为17、设置好之后，点保存和关闭即可8、动画调用，在点击按钮处，调用动画，获取节点，并设置动画;cc.find("Canvas/layerHome/phb").getComp

cocos creator游戏实现loading加载页面，游戏启动加载动画

2022-10-20

4710 0

游戏加载进度条，在很多游戏启动画面中都可以看到，这里教大家如何制作。效果展示：1、创建背景：创建节点-渲染节点-sprite精灵2、创建进度条：创建节点-》创建UI节点-》ProgressBar（进度条）3、修改参数：修改进度条宽度、高度、颜色、背景图等参数，并设置初始化为0，如下图设置进度条颜色为红色4、创建进度条文字ProgressBarLabel5、代码编写：定义节点，判断进度条显示、显示实时进度cc.Class({ ;;extends: cc.Component, ;;properties: { ;;;;speed: 1,;//进度条时间 ;;;;progressBarView: { ;;;;;;type: cc.ProgressBar, ;;;;;;de

解决cocos creator UI弹窗穿透问题，遮罩屏蔽触发事件的处理

2022-10-20

3424 0

在游戏开发游戏场景中，会设计很多的UI弹窗，当弹窗出现后，点击UI弹窗界面后却触发场景中的按钮、触摸事件。解决办法是在UI上添加组件：BlockInputEvents操作步骤：添加组件——> 添加UI组件——> Block Input Events，如下图：这样完美解决弹窗穿透，导致触发其他按钮事件问题。

cocos微信小游戏如何加入游戏圈功能

2022-09-26

3070 1

1、游戏圈：微信游戏开发者可以通过游戏圈组件，在小游戏内为用户提供游戏交流、用户互动、反馈收集等社区能力。开发者可直接调用 wx.createGameClubButton() 创建打开游戏圈的按钮。let button = wx.createGameClubButton({ icon: 'green', style: { left: 10, top: 76, width: 40, height: 40 } }) type按钮类型，可以是图片也可以是文字为image时 image:按钮的背景图片，仅当 type 为;image;时有效更多参数参考微信开发文档：微信开发文档直通车2、案例效果图：3、代码示例：;//获取系统信息的宽度 let screenW

cocos creator微信游戏接入微信分享功能

2022-01-28

2556 0

分享效果图在游戏脚本文件中onload方法中加入如下分享代码：onLoad () { wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] }) wx.onShareAppMessage(() => { return { ;title: '这游戏根本停不下来...', ;imageUrl: 'https://game.tpxhm.top/uploads/xing/share.png?2022' // 图片 URL } });; },

cocos世界坐标和节点坐标转换

2022-01-24

3537 0

我们在做cocos游戏项目时，有时需要获取点击坐标，就需要将世界坐标和节点坐标的转换，可以采用以下方法进行互换1、把cocos1的坐标转成世界坐标pos1(只能父节点转)var pos1= this.cocos1.parent.convertToWorldSpaceAR(this.cocos1.getPosition()); cc.log(pos1) 2、把(世界坐标pos1)转成相对于节点cocos1的坐标var pos2 = this.cocos1.convertToNodeSpaceAR (pos1); cc.log(pos2)

解决cocos creator 场景宽高无法自适应方法

2021-03-30

4353 0

cocos creator游戏在电脑端预览是自适应了，但是在小程序中呢，会出现不适应问题，解决方法如下：背景图自适应：750px*1600px，背景图可以设计为这个尺寸。设置设置背景尺寸和去除Fit Height 和 Fit Width属性，如下图所示

cocos creator微信小游戏授权获取用户信息方法

2021-03-27

4005 0

获取屏幕宽度和高度：wx.getSystemInfoSync()创建按钮：wx.createUserInfoButton({})例子：获取屏幕高度和宽度，作为按钮的宽高，设置按钮为透明，当用户点击之后就授权就移除按钮并获取数据，否则用户继续点击继续弹窗授权提示。onLoad;();{ let;sysInfo;=;wx.getSystemInfoSync(); //;获取微信界面大小 let;screenWidth;=;sysInfo.screenWidth; let;screenHeight;=;sysInfo.screenHeight; let;self;=;this wx.login( ;;{ ;;success:;(res);=>; ;;{ ;;if;(res.code); ;;{ ;;let;code=;res.code; ;;console.l

cocos creator数据缓存的使用方法

2021-03-27

3151 0

cocos游戏中，我们有时需要判断用户是否已经看过弹窗提示了，可以使用自带的数据缓存来判断。缓存写入cc.sys.localStorage.setItem('help',;'999999999999999');;//存储数据获取缓存cc.sys.localStorage.getItem('help') 例子判断缓存是否为空，为空的话显示弹窗，否则的话隐藏弹窗if(cc.sys.localStorage.getItem('help')==''){ cc.find("Canvas/help").active;=;true; }else{ cc.find("Canvas/help").active;=;false; } cc.sys.localStorage.setItem('help',;'999999999999999');;//存储数据

cocos creator Label组件靠右对齐，正常显示文字

2021-03-26

2731 0

使用pretab预定制组件，发现文字一直显示不全，一开始设置了了还是一直不可以。后面采用以下设置即可正常显示，解决cocos creator Label组件显示问题上面设置了Horizontal Align ,Overflow，Anchor三个属性。最终显示

cocos creator 2.4如何引入bgm背景音乐

2021-03-24

3512 0

在层级管理器上创建一个空节点选中空节点，在属性检查器最下方点击添加组件 -> 其他组件 -> AudioSource 来添加 AudioSource 组件将资源管理器中所需的音频资源拖拽到 AudioSource 组件的 Clip 中，如下所示:添加如下代码：onLoad;();{ ;;;;;cc.loader.load({url:;'https://game.example/uploads/aircraft/bgm.mp3',;type:;'mp3'},;function;(err,;data);{ ;;;;;console.log(data); ;;;;;cc.audioEngine.playMusic(data,;true); ;;;;}); } 运行即可自动播放音乐

记录一次发布微信小游戏教程

2021-02-24

3355 0

业余时间做了一款益智类小游戏，做好后准备上线，之前听闻说需要软件著作和自行审核结果报告。实际我们只需自审结果报告即可，可以网上找个模板即可。1、小程序上传提交版本至微信小游戏后台等待微信小游戏官方审核，一半需要2天左右2、提交注意事项，需要提供小程序描述，游戏开发引擎，自审报告等上传【原件或本人亲笔签名确认的复印件】之扫描件，个人主体请在落款处清晰规范签署个人签名，文件格式为jpg、jpeg、bmp、gif或png，文件大小不超过5M。附游戏体验地址：

Cocos creator游戏接入微信开放数据域，实现好友排行榜功能

2021-02-23

2846 0

微信小游戏加入排行榜功能，可以增加游戏微信好友参与，增加分数竞争氛围，官方的说明文档不怎么详细，也有坑。本文实战以cocos creator v2.2版本为例，供大家参考。结果显示：前提：;;;;;;;;1、创建主域：用于显示子域画布; ; ; ; 2、创建子域：子域界面步骤及说明1、主域创建空节点：用于显示子域内容，设置宽高背景颜色设置为白色。注意此处不要设置黑色，不然会出现透明黑问题。添加WXSubContextView 组件，新增了 FPS 属性, 用户可以通过设置 FPS 直接控制开放数据域的帧率。步骤：属性检查器里面-》添加组件-》其他组件-》WXSubCont

js实现数组按照某个字段排序，cocos creator数组排序

2021-02-21

2728 0

在做玩家分数排行的时候需要对数据经常排序，这里实现得是对数组中的某个字段进行排序//;排序 ;;;;;compare:function(property,desc);{ ;;;;;;;;return;function;(a,;b);{ ;;;;;;;;;;;;var;value1;=;a[property]; ;;;;;;;;;;;;var;value2;=;b[property]; ;;;;;;;;;;;;if(desc==true){ ;;;;;;;;;;;;;;;;//;升序排列 ;;;;;;;;;;;;;;;;return;value1;-;value2; ;;;;;;;;;;;;}else{ ;;;;;;;;;;;;;;;;//;降序排列 ;;;;;;;;;;;;;;;;return;value2;-;value1; ;;;;;;;;;;;;} ;;;;;;;;} },使用方法this.allInfoList.sort(this.compare

解决cocos creator子域黑屏问题

2021-02-19

2466 0

做好cocos creator游戏之后，显示子域发现是黑色透明的，如下图：解决方法就是把主域用于显示子域空节点改成白色即可

解决微信setUserCloudStorage:fail invalid KVData item问题

2021-02-17

2615 0

牢记：KVData的key和value的值都必须是string类型wx.setUserCloudStorage()可以将当前用户的游戏数据托管在微信后台。实现提交托管数据代码如下。可以看到都用了String()对数据进行可转换let;arr;=;new;Array(); arr.push({;key:;"missionId",;value:;String(rec.misssionId);}); arr.push({;key:;"wxscore",;value:;String(topScore);}); ;;;;;;;;;;;;;;;;;;;;;;;;;;; wx.setUserCloudStorage({ ;;;;;;;;;KVDataList:;arr, ;;;;;;;;;success:;function;(res);{ ;;;;;;;;;console.log("存储记录成功\n&qu

cocos creator将子域打包到主域方法

2021-02-17

2398 0

微信小游戏为了保护其社交关系链数据，增加了开放数据域的概念，这是一个单独的游戏执行环境。开放数据域中的资源、引擎、程序，都和主游戏完全隔离，开发者只有在开放数据域中才能访问微信提供的 wx.getFriendCloudStorage() 和 wx.getGroupCloudStorage() 两个 API，用于实现一些例如排行榜的功能。由于开放数据域是一个封闭、独立的 JavaScript 作用域，所以开发者需要创建两个项目：主域项目工程（正常的游戏项目）开放数据域项目工程（通过微信 API 获取用户数据来做排行榜等功能的项目）一、实现主域和子域发送接收消息主域代码：

cocos creator绑定按钮点击事件

2021-02-15

2989 0

在开发游戏的时候经常会用到按钮组件，如何绑定点击事件呢？新建节点，或者图片素材，点击进入属性检查器然后添加组件，选择按钮绑定画布，脚本文件，点击方法点击方法Btn:function(){}

cocos creator label组件无法左对齐问题

2021-02-14

2904 0

在排行榜的时候发现字体不对齐，使用的是cocos creator的字体组件label，解决方法就是修改anchor的X属性，设置为0即可。

cocos creator节点显示和隐藏

2021-02-13

3867 0

获取节点，使用.active = false来控制节点显示和隐藏let;homeNode2;=;cc.find("Canvas/bg_sprite"); homeNode2.active;=;false;

cocos creator新增微信小程序激励广告方法

2021-02-12

3173 0

微信小游戏的收益莫过于是广告的收入，可以把下列代码放入onload(){}或者start(){}里面，即可引入微信小程序激励广告显示//;微信广告位 let;bannerAd;=;wx.createBannerAd({ ;adUinitId:;"adunit-7d733ad66a23b87b", ;style:;{ ;;;;;;;;;;left:;27.5, ;;;;;;;;;;top:;80, ;;;;;;;;;;width:;320 ;} }); ; bannerAd.onError(err=>{ ;//;console.log(err); }); ; bannerAd.show();

cocos creator游戏之弹窗动画的实现

cocos creator游戏实现loading加载页面，游戏启动加载动画

解决cocos creator UI弹窗穿透问题，遮罩屏蔽触发事件的处理

cocos微信小游戏如何加入游戏圈功能

cocos creator微信游戏接入微信分享功能

cocos世界坐标和节点坐标转换

解决cocos creator 场景宽高无法自适应方法

cocos creator微信小游戏授权获取用户信息方法

cocos creator数据缓存的使用方法

cocos creator Label组件靠右对齐，正常显示文字

cocos creator 2.4如何引入bgm背景音乐

记录一次发布微信小游戏教程

Cocos creator游戏接入微信开放数据域，实现好友排行榜功能

js实现数组按照某个字段排序，cocos creator数组排序

解决cocos creator子域黑屏问题

解决微信setUserCloudStorage:fail invalid KVData item问题

cocos creator将子域打包到主域方法

cocos creator绑定按钮点击事件

cocos creator label组件无法左对齐问题

cocos creator节点显示和隐藏

cocos creator新增微信小程序激励广告方法

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

cocos creator游戏之弹窗动画的实现

cocos creator游戏实现loading加载页面，游戏启动加载动画

解决cocos creator UI弹窗穿透问题，遮罩屏蔽触发事件的处理

cocos微信小游戏如何加入游戏圈功能

cocos creator微信游戏接入微信分享功能

cocos世界坐标和节点坐标转换

解决cocos creator 场景宽高无法自适应方法

cocos creator微信小游戏授权获取用户信息方法

cocos creator数据缓存的使用方法

cocos creator Label组件靠右对齐，正常显示文字

cocos creator 2.4如何引入bgm背景音乐

记录一次发布微信小游戏教程

Cocos creator游戏接入微信开放数据域，实现好友排行榜功能

js实现数组按照某个字段排序，cocos creator数组排序

解决cocos creator子域黑屏问题

解决微信setUserCloudStorage:fail invalid KVData item问题

cocos creator将子域打包到主域方法

cocos creator绑定按钮点击事件

cocos creator label组件无法左对齐问题

cocos creator节点显示和隐藏

cocos creator新增微信小程序激励广告方法

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

浏览排行

最近热文

打赏本站

如果你觉得本站很棒，可以通过扫码支付打赏哦！

微信扫码：你说多少就多少~

支付宝扫码：你说多少就多少~

友情链接

关于简忆

官方公众号

官方小程序

技术闲聊

架构统计

使用以下账号登录