iT邦幫忙

2022 iThome 鐵人賽

DAY 5
3

第一篇 : 如何創建虛擬鍵盤

本篇將介紹如何建立虛擬鍵盤
並帶領大家了解虛擬鍵盤的應用


為何需要虛擬鍵盤?

  • 方便性

虛擬鍵盤的出現讓我們可以實現更加方便的操作輸入,不用麻煩的使用有著實體按鍵的外接鍵盤。
鍵盤

  • 耗損率

實體按鍵的減少,必然有助降低按鍵的耗損率,讓設備減少耗損。

  • 專注力

太多實體按鍵的控制會分散我們的注意力,虛擬按鍵可以讓我們更沉浸在螢幕裡的內容。


虛擬鍵盤在Arcade的應用

你知道嗎?
在Arcade中可以使用虛擬鍵盤,並且已有很多專案使用它。
有了它,會讓你的Arcade遊戲更加精彩!

1. 猜字遊戲

根據文字敘述內容去推斷要輸入的文字,答對遊戲勝利,答錯損失一次機會,機會歸零則遊戲失敗。

猜字遊戲連結

2. 遊戲中取名字

在角色扮演(RPG)或養成遊戲中經常出現,在遊戲開始之前會先對角色輸入名字後再開始。

輸入姓名連結


製作教學

  • 使用積木

  1. 首先點選建立專案


  1. 為專案取檔名

圖片


  1. 選擇使用迴圈類別的"重複無限次"積木,把"當啟動時"積木刪除


  1. 從變數類別中建立一個變數(變數名稱可隨意取)

圖片


  1. 選擇使用變數類別中"變數XXX設為0"積木,然後移動到"重覆無限次"積木裡面

圖片


  1. 選擇使用遊戲類別中"詢問____後回答的數字" 積木,然後放到變數的積木裡

圖片


  1. 最後會得到一個可以輸入並顯示的虛擬數字鍵盤

圖片


  • 使用JAVASCRIPT

  1. 使用js建立變數的語法"let" + 變數名稱 = 初始值 ,來給變數初始值

    • 補充: js可以建立變數的語法 "let"、 "var"、 "const"
let _var = 0

  1. forever()在此為一直重複執行

let _var = 0
forever()

  1. function(事件變數){做什麼事}

let _var = 0
forever(function() {
    
})

  1. askForNumber('') 為要求輸入

let _var = 0
forever(function() {
    _var = game.askForNumber('')
})

完成範例連結

作者:蔡宇倫

上一篇
Arcade再進化 - 空島跳躍者(1)
下一篇
Arcade再進化-迷宮產生器
系列文
玩game學打code。街機程式設計再進化。微軟Arcade30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言