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

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

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

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


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


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


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

640.png


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

3ca9822ca40628c3cc18f912dd459512.png


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


0c0be0e6212417da836d219703fe38fd.png

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


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


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


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


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


d22dbdfe25ac51d8b23042e4fc6c9a89.png

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


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


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


e269a0055b54e9c28f2c124861bfdbaf.png


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


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


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

80083b6ff468d8f792d5b6d75d46d18f.png


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

b8cd0e520e383640764c598a834eb75f.png


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

b85a7502fcc03fecfc1583b6ca45da1c.png


基础文字上的积木块:

cf7c5cb0d0d0c462526b85fc6e9869bb.png


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


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

image.png

原文链接:https://mp.weixin.qq.com/s/PrsBGdIiSQkFp0mYsyNnsw


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


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


9e645a4a6503af1d99fde56f1f4eb483.png


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


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


3e1765859ea6fcccd0834f43460dbd5d.png


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


277614636644e545783fa19b25fbbc8d.png


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

键盘示例项目地址: https://gamemaker.weixin.qq.com/#/game?game_id=lbZGU0YTBiZDEtODBlNi00YWViLThmYmUtYmJhN2FkYjEwNTQ0
相关文章
|
2月前
|
运维 Windows
电脑键盘功能基础知识汇总
电脑键盘是我们平时使用电脑时最常用的输入设备之一,了解键盘的基本功能,不见能提升工作效率,还能让我们在使用电脑时更加得心应手。今天要和大家探讨一下电脑键盘的基础功能,并介绍一些小技巧,帮助大家更好的利用这个工具。
|
6月前
LabVIEW数字控件的键盘对话框
LabVIEW数字控件的键盘对话框
46 0
|
6月前
|
JSON 数据格式 Python
优秀!Python版按键精灵,电脑鼠标、键盘手势动作一键复制操作,优雅极了!
优秀!Python版按键精灵,电脑鼠标、键盘手势动作一键复制操作,优雅极了!
216 0
|
数据安全/隐私保护
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)
uniapp自定义密码输入键盘-数字键盘效果demoUI方法一(整理)
|
数据安全/隐私保护
uniapp自定义密码输入键盘-数字键盘效果demoUI方法二(整理)
uniapp自定义密码输入键盘-数字键盘效果demoUI方法二(整理)
|
小程序 开发工具
如何在小游戏使用键盘进行输入
本文主要内容是在微信小游戏制作工具中使用“键盘”插件,来实现玩家在小游戏中通过键盘进行输入操作的功能。 如果你没有任何的游戏开发经验,欢迎观看我的“人人都能做游戏”系列视频教程,它会手把手的教你做出自己的第一个小游戏。 在游戏中经常需要使用到键盘,让玩家能够在游戏中进行输入操作。今天就分享一下如何在微信小游戏制作工具中使用键盘进行输入。
552 0
|
JavaScript
【Axure教程】手机键盘输入框原型
【Axure教程】手机键盘输入框原型
【Axure教程】手机键盘输入框原型
|
程序员 C++ Windows
模拟键盘按键 自动输入文字
对于程序员来说,键盘上的每个按键都一样,无非是不同按键产生的键盘扫描码不同。在不同的操作系统下,键盘扫描码常常被转换为不同的编码以方便应用程序调用,比如在DOS系统下的ASCII码,在Windows系统下的虚拟键盘码等等。
c++【键盘读入操作】,两种方法做小游戏的控制摇杆
c++【键盘读入操作】,两种方法做小游戏的控制摇杆
c++【键盘读入操作】,两种方法做小游戏的控制摇杆