【Unity】非固定式虛擬方向鍵製作Part.2

在上一篇中我們完成了滑鼠按下及拖曳時的回饋圖示，接下來要把拖曳中滑鼠位置的數值，帶入角色圖中完成移動的效果。

首先我們直覺一點來考慮移動這件事，目前我們已經有了開始位置startPos和當前位置nowPos，那只要把這兩點距離算出來，就有一個數值可以作為移動量值。
開啟Controller腳本，在dragState = true;後加入以下程式碼：

float dis = Vector2.Distance(nowPos, startPos);
Vector2 dir = (nowPos - startPos).normalized;
actor.Translate(new Vector2(dis * dir.x, dis * dir.y) * speed);
Debug.Log(new Vector2(dis * dir.x, dis * dir.y) * speed);

float變數dis為nowPos到startPos的距離，接著用兩點距離的normalized數值作為方向並帶入變數dir，最後將 dis * dir * speed的數值帶入actor.Translate就完成目前的移動，可以用Debug.Log看看目前移動的數值。(這裡的speed是一個全域float變數，數值0.1f)

【Unity】非固定式虛擬方向鍵製作Part.1

這次來談談如何製作非固定式的虛擬方向鍵，完成後結果會像這樣：

首先我們開啟一個空白的Unity專案，在Hierarchy視窗中生成一個空物件，並重新命名為Controller，並在這個Controller下新增一個名為Controller的腳本(本文使用C#)。

將滑鼠座標轉換至UI座標的方法

如題，最近剛好遇到所以做個紀錄。
這裡我們需要做的是把滑鼠座標轉換成Unity內UI物件的2D座標，也就是把Input.mousePosition轉換成RectTransform下的anchoredPosition。

【Unity】使用Scrollbar做音量調整

這次來談談音量調整，這次會使用Scrollbar作為音量的控制器。
首先新增GameObject->UI->Scrollbar以及Button，分別做音量控制條和是否靜音按鈕。

【Unity】Shadow UI物件陰影

前篇：Unity - Outline UI物件外框
前陣子提到過物件外框，之後才發現有另一個UI效果可以用，這次來稍微提一下。

Shadow效果可以在UI物件(Text、Button等)上，加入Compontent上找到。

【Unity】Outline UI物件外框

後篇：Unity - Shadow UI物件陰影
許久沒發文了，這次來提一個輕鬆修飾UI的組件 ─ Outline，可以讓物件增加外框的效果。
首先來看下面這張圖：

這是一個UI->Text物件，在這個物件下新增Outline，接著調整一下Effect Color參數：

【Unity】UI Button事件(OnPointerClick等)

Unity - UI物件測試 玩家名稱輸入
在這篇內容中有提到過按鈕的製作，後來發現Unity有提供EventSystems的介面，就來介紹一下，下圖的結果點我。

【Unity】UI Scrollbar & Scroll Rect

這次要講的是Unity內UI元件 - Scrollbar和Scroll Rect，用來製作有捲動效果的選單，關於Scrollbar前些日子有寫過一篇，但並不需要那麼麻煩，使用Scroll Rect就可以達到同樣的效果。
(Unity - 捲動選單 scroll list)

這次的結果。

首先我們需要新增GameObject->UI ->Panel或Image，作為顯示的區塊Rect，然後在Rect下新增內容，這裡使用GameObject->UI ->Text。

【Unity】捲動選單 scroll list

這次要講的是可以捲動的選單，透過UI內的scrollbar加上mask製作。
就如下圖所示，選單可以透過移動bar的位置來改變顯示內容，而在框外的選單內容不會被顯示出來。

【Unity】UI物件 Canvas設定(1)

這次提的是Canvas的Render 調整，UI物件生成之後全部都是在Canvas之下，設定的好可以處理掉許多解析度的問題。
首先隨便新增一個UI物件，新增後Canvas會自動產生，Canvas產生後點擊Canvas看到Component下有Render Mode：