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

Posted 小蚂蚁教你做游戏

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在小游戏使用键盘进行输入相关的知识,希望对你有一定的参考价值。

嗨!大家好,我是小蚂蚁。欢迎关注我的微信公众号【小蚂蚁教你做游戏】,学习更多游戏开发原创教程。

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

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

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

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

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

如何在小游戏使用键盘进行输入_游戏开发_02

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

如何在小游戏使用键盘进行输入_游戏开发_03


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


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


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


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

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

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


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


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

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

如何在小游戏使用键盘进行输入_游戏开发_05

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

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

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

如何在小游戏使用键盘进行输入_游戏开发_06

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

如何在小游戏使用键盘进行输入_游戏开发_07

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

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

基础文字上的积木块:

如何在小游戏使用键盘进行输入_游戏开发_09

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

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

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

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

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

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

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

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

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


欢迎关注我的微信公众号【小蚂蚁教你做游戏】,学习更多游戏开发原创教程。

如何在小游戏使用键盘进行输入_游戏开发_13

以上是关于如何在小游戏使用键盘进行输入的主要内容,如果未能解决你的问题,请参考以下文章

华为OD机试Golang解题 - 相同数字的积木游戏 1

NativeScript - ios如何在键盘出现时调整视图

独家华为OD机试提供C语言题解 - 相同数字的积木游戏 1

华为OD机试真题积木最远距离(相同数字的积木游戏1)(java&python)

如何防止 Android Firefox 浏览器在打开软键盘时调整窗口大小

安卓虚拟键盘怎么调出来