Cocos Creator 新手引导制作

最新推荐文章于 2023-02-05 17:18:20 发布
最新推荐文章于 2023-02-05 17:18:20 发布
阅读量1.6k 收藏 5
点赞数
分类专栏： Cocos Creator 文章标签： 独立游戏开发 cocos-creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qbins/article/details/119916077
版权
本文介绍了如何在Cocos Creator中制作新手引导，通过利用mask组件的反向遮罩功能，突出显示目标对象，创建从背景到目标节点的引导路径。详细步骤包括创建节点、设置层级、添加组件以及编写脚本来实现引导功能。
摘要由CSDN通过智能技术生成
效果展示

请添加图片描述

原理

利用mask组件的反向遮罩功能，将除目标显示对象的其他场景元素进行遮挡，从而达到突出目标显示对象，指引玩家进行操作。

实现

  1. 创建节点，层级为：Guideline > Mask > Backgournd

  2. 在Mask节点上添加Mask组件，并勾选 Inverted
    请添加图片描述

  3. 设置Background的长宽为场景大小，并添加BlockInputEvents组件，此组件的作用为防止点击事件穿透。

  4. 创建脚本guideline-component.ts，并添加到Guideline节点上。

  5. 把要引导的目标节点传递给Guildline，以实现引导功能

public show(target:
最低0.47元/天 解锁文章
使用cocos2d-js制作游戏新手引导（一）
奎特尔星球
03-01 7475
​  想到新手引导的功能时可能很多人都会觉得头痛，难以下手。特别是在游戏本身功能或需求还不稳定的情况，更是难以应付，本人就是在这种情况下接受了一个艰巨的任务。在痛定思痛之后，开始了引导功能开发。在做的过程中一点点发现很多有意思的东西，想分享给大家。 一、痛点：新手引导制作的难点及弊端     想到新手引导的功能时可能很多人都会觉得头痛，难以下手。特别是在游戏本身功能或需求还不稳定的情况
cocos3版本如何设置相对位置和世界位置，一次性讲解
最新发布
m0_63251896的博客
11-28 269
我测试了一下，getLocationX()是获得鼠标的相对x的位置，大家可以试一下，反正使用event.getUILocationX()是没有任何偏差的。如图，T1的位置就是相对位置，T2的位置就是绝对位置。
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面(上)
12-12
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面入门篇.原文请参考博客： http://blog.csdn.net/u012945598/article/details/17280019
《Cocos Creator游戏实战》新手引导实现
热爱代码
11-21 3069
新手引导实现 新建节点 完成代码 新手引导在游戏中非常有必要，笔者在本篇教程中就带大家来做一个。 运行效果如下： Cocos Creator版本：2.2.0 公众号后台回复"新手引导"，获取该教程完整代码下载地址： 新建节点 笔者在层级管理器中新建了以下节点： 在场景编辑器中显示如下： Button1、Button2和Button3这三个是按钮，用于新手引...
【cocos creator】新手引导的实现思路
刘一码的博客
07-21 2597
这篇文章只写了简单的新手引导，就是点击按钮等操作，未涉及复杂的游戏操作。 设计新手引导，最让人头疼的地方就是如何在不修改正常游戏逻辑的情况下，让玩家按设计好的步骤去进行操作。首先确定几点要求： 1、在进行引导的时候，要确保用户不会进行其它的操作，以免打乱引导逻辑。 2、不可以因为加入新手引导而去修改游戏的逻辑。 这时候，就需要新手引导模块去监听游戏中的事件，并且屏蔽掉其它用户操作。例如：第一步是点击“游戏开始”按钮，这时，我们就需要去监听“游戏开始”按钮的点击事件来确定第一步是否完成，同时用遮罩把“
cocos creator中开发的新手引导
liuzhimu2018的博客
02-15 4977
使用cocos creator 制作新手引导 其中的点击屏蔽借用了这位大哥CocosCreator 新手引导 圆圈圈中部分能点击 ，圈外点击无效的分享，表示感谢 首先用一个类来管理新手引导的数据，代码如下 var GuideData = { //外部不可直接访问 _isGuide: true, _stageID: 101, _stageStep: 1, ...
cocos3——8.实现新手引导
The Way To My Dream
03-19 1194
1.使用ClippingNode裁剪范围   编写裁剪接口：function createClipNode(node, stencil, inverted) { var clip_node = new cc.ClippingNode(); // 设置模板节点（就是要裁剪的区域） clip_node.stencil = stencil; // 添加要被裁剪掉的节点（
Cocos Creator 制作分步引导
静儿的博客
03-14 1109
之前我在写laya的时候发现他们官方有一个示例的新手引导还挺好用的，但是当我使用cocos的时候我发现好像并没有好的示例来用，大家一般都是采用mask的形式，然后再去解决适配等问题，但是我其实不太喜欢使用mask的，那样就会增加dc，虽然有人说一两个无所谓，但是能省为什么不省呢？ 那下面我就自己采用相机分组渲染的方式实现吧！ 1.添加一个新的分组，专门用来做引导 2.在主相机渲染是不勾选引导渲染这个组 3.做一个节点专门用来做引导，里面可以加上引导需要的一些手指引导动画，tip提示等，并把它隐藏。默认是
Cocos Creator 极速入门
热门推荐
GitChat
11-26 2万+
课程亮点 紧扣最新版特性解读，比官方文档更详实 官方范例源码解析，实战中掌握功能用法 实操个人游戏项目，由理论进阶实践应用 走通研发完整流程，快速上手 H5、小游戏开发 专家推荐 该课程对 Cocos Creator 官方实例工程做了详尽解说，并从作者多年引擎开发经验的角度，深入分析了其中的技术要点。对于想要快速掌握 Cocos Creator 功能用法的开发者，这是一个很不错的参考资料。 —...
cocos creator 动作游戏《黑斩》
03-30
Cocos Creator支持精灵（Sprite）和骨骼动画（Spine），《黑斩》可能就运用了这些技术来制作角色的攻击、防御、死亡等不同状态的动画效果。开发者可以通过时间轴（Timeline）工具精确控制每一帧的变化，确保动作的...
cocos-lua 手游之游戏新手引导
水晶魔法怪的博客
08-19 945
cocos-lua 手游之游戏新手引导 1.新手引导在游戏中还是比较重要的 往往新手引导的实现都是在游戏开发的后期 2.新手引导有这么几个要点 1.不影响原有的代码 2.断线后引导继续（也可跳过引导具体看策划的需求） 3.和服务器的交互 3.其实新手引导不仅仅可以作为开始游戏的引导 也可作为任务的对话  ok,因为新手引导的方法很多 我现在就来说下我的新手引导的逻辑 1.把
COCOS2D X 游戏实战经验 二 新手引导 上
05-22
关于COCOS2D-X 制作新手引导界面的教程
cocos2dx 新手引导
u011922261的专栏
01-21 1100
参照了一下大神的文章,自己也试着写了一个 CCClippingNode遮罩解析  利用CCClippingNode做个新手引导 Cocos2d-x教程第(12)讲－利用遮罩(蒙版)CCLayerColor制作新手引导界面(中) lua 代码如下： local GuideLayer = class("GuideLayer",function() return
cocos creator 3.X 简易热更新（纯新手指引，第一次接触Creator的也能懂）
glp3329的专栏
02-05 2121
creator 新手热更新
【Cocos新手入门】cocos creator 的研发思路和工具操作说明
任聪聪的博客
01-29 6884
本篇文章主要讲解cocos creator 的研发思路和工具操作说明作者：任聪聪日期：2023年1月29日。
Cocos Creator 从“新手引导”到“自动化测试”
奎特尔星球
07-20 2217
手新引导框架，自动化测试框架，先看一段视频： 点击此处观看视频 在线预览体验 注意，在电脑上预览才能体验自动引导功能！ Shawn 刚开始只是为了完成新手引导功能点，同时要求引导代码要做非入侵式，尽量对游戏代码零干扰。 1. 步骤指令 当引导框架完成后，发现引导的配置工作效率低下，非程序员非项目程序员，上手困难，于是又在引导框架中增加了步骤指令机制，使引导配置尽可能地JSON化，而非JS化。 引...
Cocos2d-x 新手引导
叶飘っ叶相偎 的博客
10-26 447
本篇介绍的是用ClippingNode 做游戏的新手引导，额，或者说是做新手引导的一种可尝试的方式。 ClippingNode的解释，我盗用Jacky的话来说就是： CCClipingNode是一个可裁剪节点，简单理解： （1）首先它是一个节点，继承于CCNode，所以它可以像普通节点一样放入CCLayer，CCScene，CCNode中。 （2）作为节点，它就可以用作容器，承载其他节点和
cocos2d-x 新手引导
Blary的专栏
09-23 1039
新手引导是游戏开发过程中必须要有的模块。以下的代码实现了整个游戏界面只有一个按钮可以点击，这刚好是做新手引导所必须的功能。 首先自定义一个按钮，这个按钮的参数有优先级，方法实现的代理，优先级等： // // B_Button.h // HelloCpp // // Created by blary on 14-8-16. // // #ifndef __HelloCpp__B_Butt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值