本篇使用的是5.3版後有UNET的UNITY
目標：基本連線遊戲機制+玩家血條(UI)
1.延續前篇(UNET連線遊戲(三){廝殺吧!!吃下我的子彈})
- 既然可以和玩家捉對廝殺了，就會需要知道自己還有多少HP，還有對方快死了沒；這樣才能評估敵勢要逃要進攻才能有個分寸。這裡使用UGUI來實作
每月彙整: 2016 年 10 月
iPhone網頁按鈕默認超大圓角 (CSS修正)
使用IPHONE瀏覽網頁按鈕都會有一個預設的超大圓角造型，並非屬於border屬性，就算用border-radius: 0; 也無法消除，主要是瀏覽器的屬性默認了樣式。可以透過以下方式修正
input {-webkit-appearance:none;}
→ 
UNET連線遊戲(三){廝殺吧!!吃下我的子彈}
本篇使用的是5.3版後有UNET的UNITY
目標：基本連線遊戲機制+發射物體和其他玩家互動(攻擊)
1.延續前篇(UNET連線遊戲(二){讓子彈飛一毀})
- 邏輯概念：人物被子彈擊中要產生相應的處理，因此需要掛載一個程式在人物身上，來判斷是否被擊中。
透過此程式呼叫SERVER讓SERVER回覆PLAYER發生了什麼事情。 - 首先簡單改寫一下原來子彈的內容
希望子彈在擊中目標後也會消失using UnityEngine; using System.Collections; using UnityEngine.Networking; public class AmmoController : NetworkBehaviour { private float lifeTime; public float maxTime = 3.0f; void Start () { lifeTime = 0.0f; } [ServerCallback] void Update () { lifeTime += Time.deltaTime; if( lifeTime > maxTime ) { NetworkServer.Destroy(gameObject); } } }
硬紙板打造虛擬實境(VR){Cardboard+UNITY}
全民VR的時代來臨，本篇將一步步手把手教學，如何應用UNITY+GOOGLE的平民VR方案。
目標：利用自己的手機結合Cardboard(或是類似的VR手機BOX)
1.首先安裝UNITY(廢話)，本篇使用的版本是5.3.2f1
2.開啟畫創建一個專案，並且檢查完系統環境是否支援VR的開發 閱讀全文 硬紙板打造虛擬實境(VR){Cardboard+UNITY}
CSS屬性選取器 (CSS Attribute Selector)
之前有寫過css 選取器的文章，這一篇再針對其中的屬性選取器來寫詳細一點的介紹。
屬性選取器的用法有以下幾種：
- Element[attribute]
物件[屬性] - Element[attribute=value]
物件[屬性=屬性值] - Element[attribute~=value]
物件[屬性~=屬性值] - Element[attribute|=value]
物件[屬性|=屬性值] - Element[attribute^=value]
物件[屬性^=屬性值] - Element[attribute$=value]
物件[屬性$=屬性值] - Element[attribute*=value]
物件[屬性*=屬性值]
UNET連線遊戲(二){讓子彈飛一毀}
本篇使用的是5.3版後有UNET的UNITY
目標：基本連線遊戲機制+發射物體同步到其他玩者
1.延續前篇(UNET連線遊戲(一){FPS基本設置&重生點})
- 首先製作一顆子彈
重新命名為Ammo，歸零參數將縮放調整為0.3
- 並新增一個名為Resources的資料夾，製作為Prefab放入資料夾後刪除場上物件
MongoDB(NoSQL)與SQL對照
NoSQL指的是Not Only SQL，NoSQL使用的興起原因在於簡化設計、水平擴展、對數據進行更精細的控制；打破傳統關係數據庫結構，讓開發者用更緊密契合的方式實現數據庫模型。
為了快速轉換兩種資料庫，整理以下關鍵字對照表
|
MongoDB |
SQL |
|
|
資料庫 |
database |
|
|
資料表 |
collection |
table |
|
資料列 |
Document |
row |
|
資料行 |
field |
column |
|
索引 |
index |
|
|
資料表連結 |
embedded documents |
table joins |
|
主索引鍵 |
primary key |
|
|
彙總 |
aggregation pipeline | aggregation |
CSS 製作圖片圓角 (CSS image fillet)
CSS 製作圖片圓角其實很簡單，只要把CSS直接加在圖片上就可以了。
<PREVIEW>
<CSS>
img.radius {
width: 500px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,1.00);
}
CSS 製作圓形圖片 (CSS image circle shape)
CSS 把圖片裁切成圓形其實很簡單，只要把CSS直接加在圖片上就可以了。
<PREVIEW>
先把圖片裁成正方形，再套用下面的CSS就可以了
如果每一張圖片尺寸都不一樣的話，border-radius的值直接寫50%就可以了
但要注意因為是50%，所以如果圖片不是正方形，那圓角之後就會變橢圓形喔~
<CSS>
img.square {
width: 100px;
border-radius: 50%;
border: 1px solid rgba(255,0,0,1.00);
}
UNET連線遊戲(一){FPS基本設置&重生點}
本篇使用的是5.3版後有UNET的UNITY
目標：基本連線遊戲機制+多個重生點
1.準備工作
- 首先將預先準備的場景匯入
- 接著Assets右鍵>ImportPackage>Characters 把人物控制器匯入
*將FPSController拉到場景上