three.js所得到的質地

Question

鼠標coortinates我想創建一個交互式全景像這樣的：

http://mrdoob.github.io/three.js/examples/webgl_panorama_equirectangular.html

，但我想，讓用戶與它進行交互。

是否可以從鼠標移動中的紋理獲取座標以創建類似三維圖像映射的three.js？

謝謝！

Answer 1

檢查：Translating mouse location to Object coordinates

當發現三角形射線相交，你可以收集該三角形頂點的三維座標和UV的。您有足夠的數據來計算交點的UV位置。

僞代碼：

x0 = mouse.x; y0 = mouse.y; 
vec3 samplePoint = unproject(x0, y0); // returns (x, y, near-plane-z) coords 
ray.origin = camera.position; 
ray.direction = samplePoint - camera.position; 
var triangleComplexObj = check_for_intersections(scene, ray); // returns triangle, it's vertices and their UV and 3d coord and intersection coord 
calulateUV(triangleComplexObj , triangleComplexObj.intersectionPoint); 

這也許有點複雜的理解，但應該做的伎倆。希望這可以幫助。