如何在小游戏使用键盘进行输入

简介: 本文主要内容是在微信小游戏制作工具中使用“键盘”插件,来实现玩家在小游戏中通过键盘进行输入操作的功能。如果你没有任何的游戏开发经验,欢迎观看我的“人人都能做游戏”系列视频教程,它会手把手的教你做出自己的第一个小游戏。在游戏中经常需要使用到键盘,让玩家能够在游戏中进行输入操作。今天就分享一下如何在微信小游戏制作工具中使用键盘进行输入。

本文主要内容是在微信小游戏制作工具中使用“键盘”插件,来实现玩家在小游戏中通过键盘进行输入操作的功能。

如果你没有任何的游戏开发经验,欢迎观看我的“人人都能做游戏”系列视频教程,它会手把手的教你做出自己的第一个小游戏。



在游戏中经常需要使用到键盘,让玩家能够在游戏中进行输入操作。今天就分享一下如何在微信小游戏制作工具中使用键盘进行输入。


要想使用与键盘有关的功能,首先,需要开启“键盘”插件。


点击“功能区”中的“添加插件”按钮。


在管理插件面板中,开启“键盘”插件。


开启之后,你就能够在积木区右侧的“插件”类别中看到与键盘有关的积木了。


显示键盘多行输入:使用这块积木就可以开启手机上的键盘了,下拉框中可以选择“开启”或者“禁用”多行输入。


隐藏键盘:这块积木的作用就是隐藏当前显示的键盘。


键盘的值:使用这块积木我们能够获取到用户使用键盘输入的内容。


键盘是否开启:判断当前键盘是开启还是隐藏状态。


除了与键盘有关的积木外,我们还要了解两个与键盘有关的回调事件。在积木区中点击“添加事件”,然后在最下方可以看到两个与键盘有关的事件。


当键盘完成按钮被点击:这个事件会在用户完成输入操作后,进行调用。也就是说我们可以在这个事件回调积木中,通过“键盘的值”积木块,获取到用户使用键盘输入的内容。


当键盘收起:这个事件会在键盘被收起时调用。


接下来,我们在开发工具中看一下这几个积木和事件的具体使用。



如图,是一个简单的场景,包含了四个元素,“基础文字”用于显示用户通过键盘输入的内容。“显示键盘”按钮点击后,会显示键盘(可单行输入),“隐藏键盘”按钮点击后,会隐藏键盘。“多行输入”按钮点击后,会显示键盘(能够输入多行)。


接下来,依次看一下每个元素上的积木块。


显示键盘按钮上的积木块:


隐藏键盘按钮上的积木块:


多行输入按钮上的积木块:


基础文字上的积木块:


其中“基础文字”上使用的是“当键盘完成按钮被点击”的事件积木,然后在其中通过“键盘的值”积木获取到用户的输入,最终显示在文本上。


运行一下,看看效果。注意:对于键盘功能的测试只能在移动设备上进行,在电脑上无法进行测试。所以,这里需要点击功能区中的“预览&分享”,然后通过使用手机扫描二维码进行测试。

,时长00:17


最后,我们来制作一个游戏中的常见场景的示例:玩家第一次打开游戏时,游戏提示,给游戏中的英雄起个名字,名字起好后,游戏向玩家打招呼,作为第一次友好的互动。


首先,布置一个简单的场景。



当玩家点击“好的”按钮后,我们就调用键盘显示积木块,显示键盘,供玩家进行输入操作。


在玩家起名结束后,我们在基础文字上增加下图的积木块,向玩家的英雄打招呼。



最后,在手机上运行一下。



文中演示的示例项目已经开源分享到了社区,有需要的朋友可以去下方的链接自行获取项目工程。



想学习做游戏的话,关注我的公众号就对啦!


另外我做了一门游戏开发课,目的是帮助想学习游戏开发的新手朋友尽快的入门,做出自己的游戏,节省时间和精力,少走弯路。点击下方图片,可以了解更多课程的信息。想学习做游戏的朋友不要错过咯!


这里是我做的小游戏,不去看看吗?

精致1010

一个很不错的小游戏~

小程序

也欢迎加个微信,交个朋友,毕竟我还是个蛮有意思的人呢!

相关文章
|
10月前
|
人工智能 Shell iOS开发
AI Shell:在命令行里“对话” AI ,微软推出将 AI 助手引入命令行的 CLI 工具,打造对话式交互命令行
AI Shell 是一款强大的 CLI 工具,将人工智能直接集成到命令行中,帮助用户提高生产力。AI Shell 支持多种 AI 模型和助手,通过多代理框架提供丰富的功能和灵活的使用模式。
1254 7
|
安全 开发工具
微信小游戏制作工具中的键盘插件的使用
微信小游戏制作工具中的键盘插件的使用
886 0
|
Prometheus Kubernetes 监控
prometheus学习笔记之集群内服务发现环境准备
本文介绍了在Kubernetes集群中部署Prometheus监控系统的详细步骤。首先创建用于监控的命名空间,并配置Docker以顺利下载镜像。接着,通过DaemonSet方式在集群中部署Node Exporter,确保每个节点上的指标都能被收集。然后,安装并配置NFS存储类别,以便为Prometheus提供持久化存储。最后,详细展示了如何在Kubernetes中部署Prometheus服务器,包括创建相关的配置文件、部署服务、设置角色权限以及暴露服务等
|
前端开发 JavaScript NoSQL
"从零到一:全方位解析现代Web开发技术栈
【7月更文挑战第9天】在当今快速发展的互联网时代,Web开发技术日新月异,为开发者提供了前所未有的创新空间。本文将从基础到高级,全面解析现代Web开发技术栈,帮助初学者或希望升级技能树的开发者构建稳固的知识体系。我们将探讨前端、后端以及全栈开发的关键技术,并通过一个简单的项目示例来演示这些技术的实际应用。
1601 1
|
前端开发
【专栏】`webpack` 的 `DefinePlugin` 插件用于在编译时动态定义全局变量,实现环境变量差异化、配置参数动态化和条件编译
【4月更文挑战第29天】`webpack` 的 `DefinePlugin` 插件用于在编译时动态定义全局变量,实现环境变量差异化、配置参数动态化和条件编译。通过配置键值对,如 `ENV: JSON.stringify(process.env.NODE_ENV)`,可以在代码中根据环境执行相应逻辑。实际应用包括动态加载资源、动态配置接口地址和条件编译优化代码。注意变量定义的合法性和避免覆盖,解决变量未定义或值错误的问题,以提升开发效率和项目质量。
572 3
|
安全 数据挖掘 Java
C++ 完美转发深度解析:从入门到精通
C++ 完美转发深度解析:从入门到精通
846 1
蓝易云 - 使用editplus批量修改文件编码
需要注意的是,EditPlus并没有提供直接的批量修改文件编码的功能,如果需要批量修改,你可能需要通过编写脚本或者使用其他支持批量修改编码的工具来完成。
207 0
|
小程序
微信小程序——如何获取到输入框的值
微信小程序——如何获取到输入框的值
1508 0