Cocos Creator 新手引导制作

最新推荐文章于 2023-02-05 17:18:20 发布
最新推荐文章于 2023-02-05 17:18:20 发布
阅读量1.5k 收藏 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元/天 解锁文章
pibread
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos Creator 项目：如何较为优雅地实现新手引导?
GitChat
07-12 2056
本篇 Chat 从开发痛点出发，在 Cocos Creator 项目中使用一种配置式、可编程的新手引导编程体验，你会获得下面收获： 分离引导与游戏之间的逻辑 引导操作流程分析 上帝模式—观察场景中任意节点与事件 任务式引导 task 与 step 引导任务的 JSON 式表达 点击操作的引导实现细节 节点定位器的实现 节点遮罩的实现 触摸事件的拦截与放行 目标节点触摸完成监听 设计一个简易的引导...
使用cocos2d-js制作游戏新手引导（一）
奎特尔星球
03-01 7421
​  想到新手引导的功能时可能很多人都会觉得头痛，难以下手。特别是在游戏本身功能或需求还不稳定的情况，更是难以应付，本人就是在这种情况下接受了一个艰巨的任务。在痛定思痛之后，开始了引导功能开发。在做的过程中一点点发现很多有意思的东西，想分享给大家。 一、痛点：新手引导制作的难点及弊端     想到新手引导的功能时可能很多人都会觉得头痛，难以下手。特别是在游戏本身功能或需求还不稳定的情况
《Cocos Creator游戏实战》新手引导实现
热爱代码
11-21 2740
新手引导实现 新建节点 完成代码 新手引导在游戏中非常有必要，笔者在本篇教程中就带大家来做一个。 运行效果如下： Cocos Creator版本：2.2.0 公众号后台回复"新手引导"，获取该教程完整代码下载地址： 新建节点 笔者在层级管理器中新建了以下节点： 在场景编辑器中显示如下： Button1、Button2和Button3这三个是按钮，用于新手引...
cocos3——8.实现新手引导
The Way To My Dream
03-19 1145
1.使用ClippingNode裁剪范围   编写裁剪接口：function createClipNode(node, stencil, inverted) { var clip_node = new cc.ClippingNode(); // 设置模板节点（就是要裁剪的区域） clip_node.stencil = stencil; // 添加要被裁剪掉的节点（
【cocos creator】新手引导的实现思路
刘一码的博客
07-21 2357
这篇文章只写了简单的新手引导，就是点击按钮等操作，未涉及复杂的游戏操作。 设计新手引导，最让人头疼的地方就是如何在不修改正常游戏逻辑的情况下，让玩家按设计好的步骤去进行操作。首先确定几点要求： 1、在进行引导的时候，要确保用户不会进行其它的操作，以免打乱引导逻辑。 2、不可以因为加入新手引导而去修改游戏的逻辑。 这时候，就需要新手引导模块去监听游戏中的事件，并且屏蔽掉其它用户操作。例如：第一步是点击“游戏开始”按钮，这时，我们就需要去监听“游戏开始”按钮的点击事件来确定第一步是否完成，同时用遮罩把“
cocos creator中开发的新手引导
liuzhimu2018的博客
02-15 4896
使用cocos creator 制作新手引导 其中的点击屏蔽借用了这位大哥CocosCreator 新手引导 圆圈圈中部分能点击 ，圈外点击无效的分享，表示感谢 首先用一个类来管理新手引导的数据，代码如下 var GuideData = { //外部不可直接访问 _isGuide: true, _stageID: 101, _stageStep: 1, ...
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面(上)
12-12
Cocos2d-x利用遮罩(蒙版)CCLayerColor制作新手引导界面入门篇.原文请参考博客： http://blog.csdn.net/u012945598/article/details/17280019
cocos-lua 手游之游戏新手引导
水晶魔法怪的博客
08-19 887
cocos-lua 手游之游戏新手引导 1.新手引导在游戏中还是比较重要的 往往新手引导的实现都是在游戏开发的后期 2.新手引导有这么几个要点 1.不影响原有的代码 2.断线后引导继续（也可跳过引导具体看策划的需求） 3.和服务器的交互 3.其实新手引导不仅仅可以作为开始游戏的引导 也可作为任务的对话  ok,因为新手引导的方法很多 我现在就来说下我的新手引导的逻辑 1.把
cocos2dx 新手引导
u011922261的专栏
01-21 1077
参照了一下大神的文章,自己也试着写了一个 CCClippingNode遮罩解析  利用CCClippingNode做个新手引导 Cocos2d-x教程第(12)讲－利用遮罩(蒙版)CCLayerColor制作新手引导界面(中) lua 代码如下： local GuideLayer = class("GuideLayer",function() return
COCOS2D X 游戏实战经验 二 新手引导 上
05-22
关于COCOS2D-X 制作新手引导界面的教程
Cocos Creator 制作分步引导
静儿的博客
03-14 1036
之前我在写laya的时候发现他们官方有一个示例的新手引导还挺好用的，但是当我使用cocos的时候我发现好像并没有好的示例来用，大家一般都是采用mask的形式，然后再去解决适配等问题，但是我其实不太喜欢使用mask的，那样就会增加dc，虽然有人说一两个无所谓，但是能省为什么不省呢？ 那下面我就自己采用相机分组渲染的方式实现吧！ 1.添加一个新的分组，专门用来做引导 2.在主相机渲染是不勾选引导渲染这个组 3.做一个节点专门用来做引导，里面可以加上引导需要的一些手指引导动画，tip提示等，并把它隐藏。默认是
Cocos Creator 极速入门
热门推荐
GitChat
11-26 2万+
课程亮点 紧扣最新版特性解读，比官方文档更详实 官方范例源码解析，实战中掌握功能用法 实操个人游戏项目，由理论进阶实践应用 走通研发完整流程，快速上手 H5、小游戏开发 专家推荐 该课程对 Cocos Creator 官方实例工程做了详尽解说，并从作者多年引擎开发经验的角度，深入分析了其中的技术要点。对于想要快速掌握 Cocos Creator 功能用法的开发者，这是一个很不错的参考资料。 —...
初学者使用cocos creator制作第一个小游戏
轻风起自远东
01-28 1万+
最近微信小游戏开始萌芽，根据老师的要求开始学习cocos creator紧跟互联网的潮流，先是花了几天大概学了学HTML/CSS/Javascript，之后就直接开始看cocos creator的官方文档，看了两三天总算是根据教程一步一步的做了官方提供的第一个小游戏，官方文档上给的第一个小游戏制作过程确实是比较详细的，但是它没有对用到的每个api做详细的解释，估计目的是让初学者大概了解一下一个小游
cocos creator 3.X 简易热更新（纯新手指引，第一次接触Creator的也能懂）
最新发布
glp3329的专栏
02-05 1847
creator 新手热更新
【Cocos新手入门】cocos creator 的研发思路和工具操作说明
任聪聪的博客
01-29 6207
本篇文章主要讲解cocos creator 的研发思路和工具操作说明作者：任聪聪日期：2023年1月29日。
Cocos2d-x 新手引导
叶飘っ叶相偎 的博客
10-26 427
本篇介绍的是用ClippingNode 做游戏的新手引导，额，或者说是做新手引导的一种可尝试的方式。 ClippingNode的解释，我盗用Jacky的话来说就是： CCClipingNode是一个可裁剪节点，简单理解： （1）首先它是一个节点，继承于CCNode，所以它可以像普通节点一样放入CCLayer，CCScene，CCNode中。 （2）作为节点，它就可以用作容器，承载其他节点和
cocos2d-x 新手引导
Blary的专栏
09-23 1010
新手引导是游戏开发过程中必须要有的模块。以下的代码实现了整个游戏界面只有一个按钮可以点击，这刚好是做新手引导所必须的功能。 首先自定义一个按钮，这个按钮的参数有优先级，方法实现的代理，优先级等： // // B_Button.h // HelloCpp // // Created by blary on 14-8-16. // // #ifndef __HelloCpp__B_Butt
Cocos Creator游戏开发：脚本编程指南
"这份学习资料详细介绍了使用Cocos Creator进行游戏开发的脚本知识，涵盖了从JavaScript基础到Cocos Creator特有的类和组件的使用，以及事件处理和场景管理等多个方面。" 在Cocos Creator中，脚本开发是游戏逻辑的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值