开发了一个新手引导插件,争取做最好用的新手引导插件

前言

据传,一名经验老成的游戏开发人员卡在了新手引导上…orz

新手引导开发难点

新手引导的逻辑代码一般会在游戏主体逻辑完成后才会去开发。很多时候为了实现新手引导功能,不得不去修改原有既定的代码逻辑,这会导致代码越来越乱。

新手引导中需要一个挖洞遮罩层,防止新用户点击了不该点的,只有洞中显示的节点才能被点击。而这个遮罩层的开发也比较麻烦,一些子节点中嵌套着子孙节点,还需要在遮罩层中挖洞让用户点击它。如果不熟悉遮罩的话,可能会去改动原有的节点层级,导致项目层级越来越乱。

好不容易写好了新手引导的全部逻辑,又被要求修改其中一步,如果代码耦合性高的话,可能就需要全部重写,最后导致头发越来越少。

新手引导插件

如果你碰到了以上问题,可以来试一下这款插件。

无需编写复杂又麻烦的代码,该插件可以为你快速生成新手引导所需要的全部内容。

Cocos Store地址: 新手引导插件
演示视频: Cocos Creator新手引导插件_bilibili

其他资源

音频编辑器
快照Snapshot
Many Widgets
老虎机效果源码
签到日历和常规日历源码

12赞

生成代码挂组件的方式做新手引导还挺新颖的,就是演示的功能有点少

不明白做成插件对于脚本而言有什么方便的地方,修改引导步骤只需要改下数字就行了

后续会更新更多内容,也计划加入文本转语音。

这个插件设计的初衷是让开发者不需要编写新手引导代码就能获得新手引导效果。大佬你技术比较好,所以可能根本用不着吧,不过对于像我这种水平的开发者还是觉得新手引导开发是比较麻烦的。 :grinning:

这样的话做成图编辑器才是最好的选择,因为引导步骤可以有多个分支,以及图编辑器可视化运行

是的,说的没错,当前插件第一个版本还没有将分支考虑进去,界面后续会往图编辑器方向走。谢谢建议 :100:

新手引导插件更新 v1.1.0

  1. 支持多场景引导。
  2. 开发者可以控制引导文本显示位置。
  3. 开发者可以直接在插件中选择引导相关图片。
  4. 提供了多个接口,让开发者可以更好地控制新手引导效果。

:smiley:
有用+1
突然发现, 您的插件我大部分都买了 :laughing:

谢谢 :heart: :smiley_cat:

:laughing:
下单了, 请问下后续计划更新下 2.x 版本吗 ?

嗯嗯,2.x的新手引导也很重要,实现方式跟3.x有所不同,我把3.x的功能丰富完善后就着手开发2.x的。

下一步计划是加入按键引导和文本转语音这些功能~有些游戏在引导时也会播放语音 :smiley:

1赞

很赞, 期待 ~

1赞

新手引导插件 更新 v1.2.0
体验链接:https://la-vie.gitee.io/user-guide-demo/

  1. 添加了更多接口;
  2. 支持按键引导,单个键和组合键都支持
  3. 增加了更多引导图片和文本背景图片供开发者选择;

新手引导插件 更新 v1.3.0

体验链接:https://la-vie.gitee.io/user-guide-demo/

  1. 加入文本打字机效果;
  2. 加入上次引导内容恢复功能;
  3. 提供了更多引导图片;
  4. 加入了更多接口
  5. 遮罩挖洞形状支持rect和ellipse

有2.4吗

暂时还不支持2.x

新手引导插件 更新 v1.4.0

  1. 新增箭头类引导图片
  2. 丰富文本背景图片和引导图片
  3. 新增引导图片动画(针对手指和箭头类型的图片)
  4. 丰富并完善接口内容


mark!!!
这些图片能自己替换吗?
能分段引导吗?前面一段引导走完,后面正常游戏,触发某个条件开启下一段引导那种?

  1. 可以的,新手引导插件中动态加载的图片会生成在resources/user-guide文件夹中,如果你想用自己的图片,替换掉就好啦。

  2. 可以分段引导。
    举个例子:
    你可以在先调用showGuide(1)显示第一步引导,这样用户进入游戏就可以看到第一步引导。给某个按钮加上showGuide(2)当做回调函数,那当用户按下这个按钮后就会开启第二步引导。如果你想一开始就从第一步引导直接进行到最后一步引导,当中不停的话,调用showGuide(1, true)就行啦。

如果使用过程中有什么疑问可以只管联系我,联系方式在插件商城页面上了 :smiley: