0
点赞
收藏
分享

微信扫一扫

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

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

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

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


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


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

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


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

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


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


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

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


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


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


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


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


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

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


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


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


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


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


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


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

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


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

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


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

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


基础文字上的积木块:

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


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

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

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

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


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

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

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


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


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


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


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

键盘示例项目地址:https://gamemaker.weixin.qq.com/#/game?game_id=lbZGU0YTBiZDEtODBlNi00YWViLThmYmUtYmJhN2FkYjEwNTQ0


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



举报

相关推荐

0 条评论