在微信小游戏制作工具中实现文字逐个出现的打字机效果

简介: 在微信小游戏制作工具中实现文字逐个出现的打字机效果

嗨!大家好,我是小蚂蚁。

今天分享一下如何在微信小游戏制作工具中实现文字逐个出现的打字机效果,这个小功能可以用于游戏中的文字对白的展示,如果你要做的是一个文字类游戏的话,那么肯定用的上。

最终的效果如下。

要实现打字机效果,最重要的是理解两个与字符有关的积木块的使用。

一个是“abc的字符数”,一个是“获取abcd的第2个字符到3个字符”。实现原理是什么呢?我们举个例子,假设要打印出“小蚂蚁教你做游戏”这样的 8 个字。首先,使用第一个积木获得这句话一共有多少个字,得到了 8 个字。然后接着使用一个循环,每次循环都使用第二个积木块去截取这句话中的文字,第一个循环截取的就是“第1个字符到第1个字符”,得到就是“小”,第二个循环截取“第1个字符到第2个字符”,得到“小蚂”,第三个循环截取“第1个字符到第3个字符”,得到"小蚂蚁".....直到截取到最后所有 8 个字都显示为止。

整个截取显示的过程其实是这样的:

小蚂

小蚂蚁

小蚂蚁教

小蚂蚁教你

小蚂蚁教你做

小蚂蚁教你做游

小蚂蚁教你做游戏

我们在游戏里看到的是一个字一个字的出现,而其实是在不断的用多一个字的文本替换原来的文本。

以上就是原理部分了,下面就到微信小游戏制作工具中动手实现一下。

我们要实现这样的一个功能:游戏启动后,使用打字机效果显示对白,一句对白显示结束后,玩家点击屏幕会继续显示下一句对白。如果在对白显示的过程中,玩家点击了屏幕,则这句对白不再以打字机效果逐个显示,而是直接显示出来。

这个也是很多游戏中都有使用的功能,玩家有的时候并没有足够的耐心等待文字一个一个的显示,此时我们就可以增加一种机制,只要玩家快速点击屏幕,就让对白快速的展示。

不要去考验玩家的耐心,通常玩家对于游戏的耐心都很少,一旦玩家失去了耐心,那就意味着要跟你的游戏说拜拜了。

首先,准备一下素材,一个“圆角对话框”和一个“敲击”音效。

圆角对话框位于素材库的“积木小Y”素材中。

接着创建几个全局变量。

文字对白表格:用于存放和编辑要显示的文字对白。

对话索引:记录当前显示的是文字对白表格第几行的文本。

显示间隔时间:每个字显示的间隔时间。

字符索引:记录当前的这句话要截取到第几个字。

正在显示对话:记录当前的对话是否正在以打字机的效果逐个显示。

最后,来看一下圆角对话框上的积木逻辑。

重点理解一下文字打字机效果的显示,只需要使用一个循环,以及两块与字符有关的积木块即可。另外,在下方的逻辑中使用了“停止当前精灵的其它事件”积木,这个积木能够强制的停止当前精灵上的执行积木,例如当前“对话”中的重复执行积木正在执行循环,此时使用停止积木,能够让这个循环立即终止并退出。正是使用这个特性,我们实现了玩家点击屏幕时,对白立即全部显示的效果。

以上就是文字逐个出现的打字机效果的实现了,预览一下最终效果。

除此之外,在讨论的这个功能的时候,我的一位学员还提出了一个使用“遮罩”行为来逐个显示文字的方案。

如图,为文字开启“遮罩”行为,使用循环逐渐增加遮罩的宽度,依次来实现逐个显示文字的效果。

最终显示的是这样的。

效果很不错,可以用于在游戏中显示标题,或者用它做一些更有意思的东西。不过,这个方案有一个弊端,就是最好用于一行文字的显示,因为多行的话会同时从左到右的逐渐显示。

今天的内容就到这里了,如果你的游戏里有显示文字对白的需求,不妨尝试一下这个“打字机”的效果。

相关文章
|
20天前
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全:免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据,深入解析抖音/微信爆款小游戏的开发逻辑,重点讲解PHP+Java双引擎架构实战,涵盖技术选型、架构设计、性能优化与开源生态,提供完整开源工具链,助力开发者从理论到落地打造高留存、高并发的小游戏产品。
|
18天前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
4月前
|
Java API
wxid添加微信好友工具,免费微信wxid转换器二维码,jar实现仅供学习参考
本项目实现微信ID与wxid的转换及二维码生成功能,核心逻辑基于ZXing库完成QR编码,支持文件批量导入导出。
|
4月前
|
编解码 Java
wxid加微信好友工具,二维码转换工具,微信号转wxid插件【仅供学习参考】
本工具基于JAVA实现微信ID转换功能,支持wxid、微信号与二维码之间的相互转换。开发中使用ZXing库(版本3.5.1)完成二维码编解码,并设计核心类`WxidConverter`实现关键转换逻辑。
|
4月前
|
JSON 安全 定位技术
微信附近人提取v3脚本, 微信附近人id提取技术插件,采集附近人wxid数据工具
本内容介绍微信“附近的人”功能的技术原理与实现方法,基于LBS服务,涉及位置模拟、协议分析及数据解析。通过修改GPS坐标或使用Frida等工具hook位置函数
微信封号脚本插件,全自动批量投诉工具, vx隔空抓包封号思路【仅供学习参考用途】
这是一款针对微信投诉自动化处理的工具插件,通过模拟点击操作实现批量投诉功能。相比手动投诉,该插件效率更高、成功率更有保障。
|
4月前
|
存储
微信附近人提取工具,附近人微信号采集,用xposed实现【仅供学习参考】
主Hook模块拦截微信附近人界面,数据结构保存用户信息,数据导出模块实现CSV格式存储,以及Xposed框架入口配置。
|
4月前
|
监控 数据可视化 BI
微信计数器统计工具,QQ统计器手机APP,通过autojs实现后台
这是一款基于AutoJS的微信/QQ新增好友监控脚本,具备后台运行、自动统计每日新增好友数量、生成简单报表及定时提醒功能。
|
4月前
|
人工智能 监控 数据可视化
微信养号脚本插件,全自动化工具,【autojs实现框架】
这是一套微信养号自动化脚本,包含主脚本`wechat_auto.js`和配置文件`config.json`。脚本实现自动浏览朋友圈、订阅号新闻文章及指定公众号历史文章三大功能,支持自定义滚动次数、阅读时长与运行时间等参数。特点包括随机化操作、多种浏览模式交替及完善的日志记录。配套UI模块提供可视化控制界面,方便监控任务状态与调整参数。下载地址:https://www.pan38.com/share.php?code=n6cPZ,提取码:8888(仅供学习参考)。

热门文章

最新文章