網頁・體感遊戲・v3.6

向量鎖定 Vector Lock

手機就是光槍:電腦開網頁、手機掃 QR Code,不用安裝 App。轉動手機瞄準大螢幕、點一下開火,可以單人挑戰、兩支手機對戰,或合作打街機戰役。

怎麼玩

準備一台電腦(接投影機或大螢幕更好)和一支手機,兩邊都能上網就行。

1/8電腦打開遊戲,手機掃大螢幕上的 QR Code 就連上了

手機怎麼變成光槍?

手機沒有雷射,也不知道大螢幕在哪裡,它只量得到自己轉了幾度。把「轉了幾度」變成「螢幕上的哪一點」,靠的是物理與高中數學。第一次玩之前,遊戲會用你自己手機的即時數據播這段互動教學,下面是遊戲裡的畫面:

  1. 原理教學第 1 段:持槍姿勢:手機就是一把槍

    1持槍姿勢:手機就是一把槍

    手機的頂端就是槍口。側拿手機、讓頂端對準大螢幕,遊戲只看頂端(y 軸)指向哪裡。

  2. 原理教學第 2 段:陀螺儀:每秒轉幾度

    2陀螺儀:每秒轉幾度

    陀螺儀量的是角速度。把每一小段時間轉的角度加起來就是轉角 θ = Σω·Δt,但誤差也會越加越多(漂移)。

  3. 原理教學第 3 段:加速度計:重力往哪裡拉

    3加速度計:重力往哪裡拉

    手機拿著不動時只量到重力。重力分到三個軸各多少,就算得出傾斜角度,用來把陀螺儀的漂移拉回來。

  4. 原理教學第 4 段:三角函數:手機指向哪裡

    4三角函數:手機指向哪裡

    由水平轉角 α 與上下的 β 算出槍口的指向向量 v = (−sinα·cosβ, cosα·cosβ, sinβ),再換回水平角與仰角。

  5. 原理教學第 5 段:平面螢幕:落點 = 距離 × tanθ

    5平面螢幕:落點 = 距離 × tanθ

    螢幕是平的,落點離中心的距離是距離 × tanθ,不跟角度成正比。校準時瞄 5 個點,就是量出螢幕邊緣在幾度。

  6. 原理教學第 6 段:濾波:把手抖去掉

    6濾波:把手抖去掉

    手一定會抖。1€ 濾波在手慢慢動時用力過濾、甩得快時少過濾,準星又穩又不會慢半拍。

← 回程式玩具箱