1. 程式人生 > 實用技巧 >three.js第五十一用 拖拽功能解剖transformcontrol 二

three.js第五十一用 拖拽功能解剖transformcontrol 二

threejs交流群511163089

但是webgpu出來的話,shader就不是glsl了,需要花時間學新語法。

開始更新gizmo

將所有物件都塞進handles;

開始遍歷

這裡解釋一個情況,別的差不多

helper就是那根虛線,我測試感覺旋轉的時候才觸發這個條件。

如果是軸是X軸,那麼初始就是X 不用管

如果是Y軸,那麼就繞Z軸轉動90度,變成與Y軸重合的方向的指示線

別的也差不多這樣。

這裡處理的是輔助線幾乎垂直於臉的時候的情況,隱藏

下面也基本這樣處理一些狀態

最後根據狀態修改檢視

這個gizmo也就是你拖動看見的各個軸的顯示,就是這個updatematrixworld函式負責的