2. 程式人生 > >NGUI研究之3D模型坐標轉2D屏幕坐標-血條

NGUI研究之3D模型坐標轉2D屏幕坐標-血條

阿新 • • 發佈：2017-07-10
uic bject blank orm 組成 自己 index lan rac

??

剛好今天有朋友問我，比較典型的樣例就是遊戲裏面人物的血條。

原理非常easy就是把3D點換算成2D的點。可是因為NGUI自身是3D所以我們須要先把NGUI下的點轉成2D點。然後在把他轉成3D的點。

聽起來有點繞，不要緊我直接上代碼。

對屏幕自適應不明確的看NGUI研究之怎樣自適應屏幕

眼下我一直都是用NGUI來做人物血條，可是2D血條都會有個限制。就是它不能和模型有遮擋關系。只是血條能夠依據人物的位置調節。比方遠一點的人物血條會小一些，近一點的人物血條會大一些。

最好讓美術做FBX的時候直接內置一個GameObject 的點。由於模型有的高有的低，所以血條的位置高度是不一樣的，假設美術內置的話能夠讓美術來調節模型頭頂上的點，這樣比較方便。


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 using UnityEngine; using System.Collections; public class NewBehaviourScript : MonoBehaviour { //角色 public Transform
Cube; //角色的血條 public Transform UI; //默認血條縮與攝像機的距離 private float Fomat; //角色頭頂的點， 最好讓美術把這個點直接做在fbx模型裏面。 private Transform Head; void Start () { //找到角色身上頭頂的點 Head = Cube.Find("head"); //計算下面默認血條的距離，也能夠寫個常量，就是標記一下 Fomat = Vector3.Distance(Head
.position,Camera.main.transform.position); } void Update () { //這裏能夠推斷一下 假設位置沒有變化就不要在賦值了 float newFomat = Fomat / Vector3.Distance(Head.position,Camera.main.transform.position); UI.position = WorldToUI(Head.position); //計算出血條的縮放比例 UI.localScale = Vector3.one * newFomat; //測試代碼。按下W S鍵前後移動角色 if(Input.GetKey(KeyCode.W)) Cube.Translate(Vector3.forward); if(Input.GetKey(KeyCode.S)) Cube.Translate(Vector3.back); } //核心代碼在這裏把3D點換算成NGUI屏幕上的2D點。 public static Vector3 WorldToUI(Vector3 point) { Vector3 pt = Camera.main.WorldToScreenPoint(point); //我發現有時候UICamera.currentCamera 有時候currentCamera會取錯。取的時候註意一下啊。 Vector3 ff = UICamera.currentCamera.ScreenToWorldPoint(pt); //UI的話Z軸 等於0 ff.z = 0; return ff; } }

再說一下，一般血條可能都是由多個UISprite組成。那麽最好把這些Sprite都掛在同一個GameObject以下，這樣僅僅須要修正父對象。所以子對象的縮放都會正確。控制角色移動近一點的截圖。

技術分享

控制角色移動遠一點的截圖，你會發現血條在屏幕上的比例是不會變化的。

NGUI研究之3D模型坐標轉2D屏幕坐標-血條

相關推薦

NGUI研究之3D模型坐標轉2D屏幕坐標-血條

uic bject blank orm 組成 自己 index lan rac ?? 剛好今天有朋友問我，比較典型的樣例就是遊戲裏面人物的血條。原理非常easy就是把3D點換算成2D的點。可是因為NGUI自身是3D所以我們須要先把NGUI下的點轉成2D點。然後在把他轉成

threejs 世界坐標轉化為屏幕坐標

學習 方法的參數 技術分享 CA 部分 世界坐標系 添加 UNC world 網站： http://www.yanhuangxueyuan.com/Three.js_course/screen.html 方法.project 通過Vector3對象的方法projec

cesium導入3D模型（obj轉gltf）

出現 移動 mark 簡單 批處理 -s default 發現 pri cesium中支持載入3D模型，不過只支持gltf格式。gltf是khronos組織（起草OpenGL標準的那家）定義的一種交換格式，用於互聯網或移動設備上展現3d內容，充分支持opengl，webgl

Cesium學習筆記（九）：匯入3D模型（obj轉gltf）

在用cesium的過程中難免需要匯入別人做好的3D模型，這時候就需要將這些模型轉成gltf格式了 當然，官方也給了我們一個網頁版的轉換器，但是畢竟是網頁版的，效率極其低下，檔案還不能太大，所以我們就需要一個格式轉換器了 現在只支援obj和dae轉gltf

效能測試之地鐵模型分析（轉）

地鐵模型分析 　　和絕大部分人一樣，小白每天都要乘坐地鐵上下班，那麼就拿地鐵來分析，再次深刻理解下效能。早上乘坐地鐵上班，最典型的就是北京地鐵1、5、10、13號線等，人多得簡直沒法形容！為了方便理解分析，先做如下假設。 　　某地鐵站進站只有3個刷卡機。 　　人少的情況下，每位乘客很快就可以刷卡進站，假設進

threejs 世界坐標與屏幕坐標相互轉換

log style new t hal dom camera element his 互轉 屏幕坐標轉世界坐標: let pX = (screenPoint.x / this.scene.renderer.domElement.clientWidth) * 2 - 1;

屏幕坐標（Input.mousePosition）轉換UI坐標

平面 關聯 vector 圖片 enter 右上角 pac component 起點 屏幕坐標（Input.mousePosition）轉換UI坐標 需要了解到的知識點 1：屏幕坐標的起點位置 左下角為（0，0）點，右上角為（Screen.width，Screen.heig

【NGUI】NGUI血條製作，當人物移出屏幕後不顯示血條，優化程式碼

using UnityEngine; using System.Collections; /// <summary> /// 指令碼功能：NGUI血條實現 /// 知識要點：NGUI，3D座標到2D座標的轉換 /// 建立時間：2015年6月29日 /// 新增

gps位置坐標轉百度坐標

ajax 中心 百度坐標 地圖 結果 jquery control google .get <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="te

Go 語言: 極坐標與笛卡爾坐標的互轉

go golang polar 本文記錄使用 Go 語言實現 RESTful 的點坐標的轉換。極坐標與笛卡爾坐標的數學關系假設同一個點使用極坐標表示為 (ρ, θ), 使用笛卡爾坐標表示為(x,y),那麽,這些數學符號之間,有如下關系x = ρ* Cosθy = ρ* Sinθρ= Sqrt(x*

js中實現高德地圖坐標經緯度轉百度地圖坐標

math.sqrt pan poi 結果 mat blog 筆記 百度 說明 1 function tobdMap(x, y) { 2 var x_pi = 3.14159265358979324 * 3000.0 / 180.0; 3

【轉】中文分詞之HMM模型詳解

實現 含義 jieba 順序 清晰 bsp 中國 matrix 統計 關於HMM模型的介紹，網上的資料已經爛大街，但是大部分都是在背書背公式，本文在此針對HMM模型在中文分詞中的應用，講講實現原理。 盡可能的撇開公式，撇開推導。結合實際開源代碼作為例子，爭取做到雅俗共賞，

【轉】百度坐標坐標系之間的轉換（JS版代碼）

固定鏈接 百度坐標 func wan bsp pan gcj-02 坐標系 urn 1 /** 2 * Created by Wandergis on 2015/7/8. 3 * 提供了百度坐標（BD09）、國測局坐標（火星坐標，GCJ02）、和WGS84

Unity學習筆記—本地坐標轉世界坐標

oid click unit game 希望 項目 坐標 解決 -s 先簡單介紹一下我是一個程序員（菜鳥程序員），用C#開發，在開發的過程中會遇到一些問題，當時解決了但是在遇到可能還會在犯，所以啟發我做這樣一個學習筆記系列，一來是希望能夠督促自己總結學習，二來是可以在變身之

Python之坐標軸刻度細化、坐標軸設置、標題圖例添加

.html art www otl ren html pytho htm gpo 學習python中matplotlib繪圖設置坐標軸刻度、文本 http://www.jb51.net/article/134638.htm http://www.jb51.net/arti

百度墨卡托平面坐標轉經緯度坐標

src jobs 簡單 經緯度 努力 develop border cor 技術分享 本文原創作者：鯤之鵬（http://www.site-digger.com）本文原始鏈接：http://www.site-digger.com/html/articles/20150831

世界坐標轉到UGUI坐標

tran util com mut ret etc .get viewport oot public static Vector3 WorldToUI(Camera camera,Vector3 pos){ CanvasScaler scaler = Ga

【轉】領域驅動設計之領域模型

領域驅動設計之領域模型 加一個導航，關於如何設計聚合的詳細思考，見這篇文章。 2004年Eric Evans 發表Domain-Driven Design –Tackling Complexity in the Heart of Software （領域驅動設計），簡稱Evans DDD。領域驅動設計

NGUI與3D模型顯示

NGUI 與3D模型圖層顯示 3D圖形顯示在NGUI介面上 最終效果A介面-B模型-A介面 參照文章：http://blog.csdn.net/chrisfxs/article/details/50537899 和http://blog.csdn.net/k46023/article

Unity之在UI介面上顯示3D模型

1、建立一個3D攝像機，渲染3D模型。（我為了方便就把模型放到了Camera的下面，你可以不這樣） 2、在2D裡面指定一個TopLeft和BottomRight，用來表示模型渲染到UI上面的區域。 3、在之前的3D攝像機上掛上UIViewPort指令碼，幾個變