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

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

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

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



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


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


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


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


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


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


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


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


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


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


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


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


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



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


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


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


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


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


基础文字上的积木块:


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


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

,时长00:17


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


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



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


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



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



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



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


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


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

精致1010

一个很不错的小游戏~

小程序

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

相关文章
|
7月前
|
数据安全/隐私保护
uniapp自定义密码输入键盘-数字键盘效果demoUI方法二(整理)
uniapp自定义密码输入键盘-数字键盘效果demoUI方法二(整理)
|
7月前
|
数据安全/隐私保护
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)
|
程序员 C++ Windows
模拟键盘按键 自动输入文字
对于程序员来说,键盘上的每个按键都一样,无非是不同按键产生的键盘扫描码不同。在不同的操作系统下,键盘扫描码常常被转换为不同的编码以方便应用程序调用,比如在DOS系统下的ASCII码,在Windows系统下的虚拟键盘码等等。
|
JavaScript
【Axure教程】手机键盘输入框原型
【Axure教程】手机键盘输入框原型
【Axure教程】手机键盘输入框原型
|
物联网 API 定位技术
3_6_按键与跑马灯实验|学习笔记
快速学习3_6_按键与跑马灯实验。
263 0
3_6_按键与跑马灯实验|学习笔记
|
开发工具
如何在小游戏使用键盘进行输入
本文主要内容是在微信小游戏制作工具中使用“键盘”插件,来实现玩家在小游戏中通过键盘进行输入操作的功能。
1199 0
如何在小游戏使用键盘进行输入
c++【键盘读入操作】,两种方法做小游戏的控制摇杆
c++【键盘读入操作】,两种方法做小游戏的控制摇杆
c++【键盘读入操作】,两种方法做小游戏的控制摇杆
|
数据可视化 计算机视觉 Windows
qml开发笔记(七):输入元素鼠标输入MouseArea和键盘输入Keys
qml开发笔记(七):输入元素鼠标输入MouseArea和键盘输入Keys
qml开发笔记(七):输入元素鼠标输入MouseArea和键盘输入Keys