UNET連線遊戲(四){我快死了,HP_UI}

本篇使用的是5.3版後有UNET的UNITY
目標:基本連線遊戲機制+玩家血條(UI)
1.延續前篇(UNET連線遊戲(三){廝殺吧!!吃下我的子彈})

  • 既然可以和玩家捉對廝殺了,就會需要知道自己還有多少HP,還有對方快死了沒;這樣才能評估敵勢要逃要進攻才能有個分寸。這裡使用UGUI來實作
    unet-hit-007

閱讀全文 UNET連線遊戲(四){我快死了,HP_UI}

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);
    		}
    	}
    }

     

閱讀全文 UNET連線遊戲(三){廝殺吧!!吃下我的子彈}

CSS屬性選取器 (CSS Attribute Selector)

 
之前有寫過css 選取器的文章,這一篇再針對其中的屬性選取器來寫詳細一點的介紹。
屬性選取器的用法有以下幾種:

  1. Element[attribute]
    物件[屬性]
  2. Element[attribute=value]
    物件[屬性=屬性值]
  3. Element[attribute~=value]
    物件[屬性~=屬性值]
  4. Element[attribute|=value]
    物件[屬性|=屬性值]
  5. Element[attribute^=value]
    物件[屬性^=屬性值]
  6. Element[attribute$=value]
    物件[屬性$=屬性值]
  7. Element[attribute*=value]
    物件[屬性*=屬性值]

閱讀全文 CSS屬性選取器 (CSS Attribute Selector)

UNET連線遊戲(二){讓子彈飛一毀}

本篇使用的是5.3版後有UNET的UNITY
目標:基本連線遊戲機制+發射物體同步到其他玩者
1.延續前篇(UNET連線遊戲(一){FPS基本設置&重生點})

  • 首先製作一顆子彈
    unet-basic_game-010
    重新命名為Ammo,歸零參數將縮放調整為0.3
    unet-basic_game-011
  • 並新增一個名為Resources的資料夾,製作為Prefab放入資料夾後刪除場上物件
    unet-basic_game-012

閱讀全文 UNET連線遊戲(二){讓子彈飛一毀}

MongoDB(NoSQL)與SQL對照

NoSQL指的是Not Only SQL,NoSQL使用的興起原因在於簡化設計、水平擴展、對數據進行更精細的控制;打破傳統關係數據庫結構,讓開發者用更緊密契合的方式實現數據庫模型。

為了快速轉換兩種資料庫,整理以下關鍵字對照表

MongoDB

SQL

資料庫

database

資料表

collection

table

資料列

Document
or BSON

row

資料行

field

column

索引

index

資料表連結

embedded documents
and linking

table joins

主索引鍵

primary key

彙總

aggregation pipeline aggregation

CSS 製作圓形圖片 (CSS image circle shape)

CSS 把圖片裁切成圓形其實很簡單,只要把CSS直接加在圖片上就可以了。
<PREVIEW>
circle
先把圖片裁成正方形,再套用下面的CSS就可以了
如果每一張圖片尺寸都不一樣的話,border-radius的值直接寫50%就可以了
但要注意因為是50%,所以如果圖片不是正方形,那圓角之後就會變橢圓形喔~
<CSS>

img.square {
	width: 100px;
	border-radius: 50%;
	border: 1px solid rgba(255,0,0,1.00);
}