वेबग्ल में टक्कर का पता लगाने के लिए कैसे?

Question

वेबलॉग में टकराव का पता लगाने के बिना, किसी भी पुस्तकालय का उपयोग किए बिना तीन.जेएस?

Answer 1

कैसे WebGL में टक्कर का पता लगाने के

आप नहीं है। वेबजीएल, ओपनजीएल की तरह ही सामान खींचने के लिए है। यह एक दृश्य का प्रबंधन नहीं करता है, इसमें "ऑब्जेक्ट्स" या टकराव जैसी उच्च स्तरीय चीजों की कोई धारणा नहीं है। यह सब बिंदुओं, रेखाओं, त्रिकोण और शेडर्स के बारे में है।

दृश्य प्रबंधन या टकराव से संबंधित कुछ भी वेबजीएल (और ओपनजीएल) के दायरे से बाहर है।

Answer 2

GPU पर रे टकराव का पता लगाने के लिए यह एक आसान तरीका है। विषय के बारे में निम्न ब्लॉग पोस्ट को चेकआउट करें।

http://blog.xeolabs.com/ray-picking-in-scenejs

मुख्य विचार एक बनावट के दृश्य (एक FBO का प्रयोग करके) प्रस्तुत करने के लिए एक शेडर कि रंग के बजाय वस्तु आईडी बचाता का उपयोग कर रहा है। फिर आप इस बनावट में एक लुकअप कर सकते हैं यह देखने के लिए कि किरण किनारे से टकराती है।

Answer 3

रविवार से मैं एक ही समस्या को हल करने की कोशिश कर रहा हूं। हालांकि www में बहुत अधिक जानकारी है, लेकिन मैं इसे अपने उदाहरण-कार्यक्रम पर काम करने में सक्षम नहीं था। जैसे ही मैं इसे हल करता हूं, मैं यहां अपना उदाहरण पोस्ट करूंगा।

मेरी आखिरी कोशिश वेबजीएल के लिए ग्लू-अनप्रोजेक्ट पोर्ट का उपयोग करना था।

समारोह (Winx, Winy, winZ, मॉडल, proj, देखने के लिए, objPos)

मैं अपने दृश्य-ड्राइंग समारोह से सीधे इस समारोह कॉल करने के लिए कोशिश की है: यह एक निम्नलिखित मानकों की जरूरत है परीक्षण उद्देश्यों के लिए।

var pMatrix = new mat4.ortho(iL, iR, iB, iT, fNearZ, farZ); 
var mvMatrix = new mat4.create(); 

mat4.identity(mvMatrix); 
mat4.translate(mvMatrix,[0,0,-40]); 

var oMouseMatrix = mat4.create(); 
mat4.identity(oMouseMatrix); 

//Rotate eye :-S 
mat4.rotate(oMouseMatrix,((this.fAnimationXAngle/10) * Math.PI)/360.0,[0,1,0]); 
mat4.rotate(oMouseMatrix,((this.fAnimationYAngle/10) * Math.PI)/360.0,[1,0,0]); 

mat4.multiply(oMouseMatrix, mvMatrix, mvMatrix); 

//Rotate model 
mat4.rotateX(mvMatrix,this.fRotX * Math.PI/180.0); 
mat4.rotateY(mvMatrix,this.fRotY * Math.PI/180.0); 
mat4.rotateZ(mvMatrix,this.fRotZ * Math.PI/180.0); 



var aTest = this.unProject(
    this.pLastMouse.x, 
    this.pLastMouse.y, 
    0, 
    mvMatrix, 
    pMatrix, 
    [0,0,this.iWidth,this.iHeight] 
); 

this.iWidth & this.iHeight कैनवास और व्यूपोर्ट चौड़ाई/ऊंचाई कर रहे हैं - this.pLastMouse.x & .y कैनवास

zI.debug(aTest); 

अंदर माउस निर्देशांक हैं लेकिन नतीजा है पूरी तरह से बकवास। मुझे लगता है कि मेरे कोड में कई त्रुटियां हैं। मैंने पिछले शुक्रवार को वेबजीएल के साथ खेलना शुरू कर दिया है। मैं इसे जल्दी छोड़ना नहीं चाहता था, लेकिन तब से मैंने कई समस्याएं हल की हैं, लेकिन यह मुझे पागल बना रहा है।

ओपनजीएल में यह मेरे लिए बहुत आसान था।

Answer 4

मैं निम्नलिखित वेबपेज (दुर्भाग्य से केवल जर्मन भाषा में उपलब्ध) http://www.peter-strohm.de/webgl/webgltutorial8.php

हम टक्कर पता लगाने को लागू करने में सक्षम थे की सिफारिश करेंगे और यहां तक ​​कि एक के लिए अतिरिक्त जानकारी के साथ आईडी मानचित्रण (जैसे शो टूलटिप्स का उपयोग कर एक सर्वर पर API कॉल प्रदर्शन कर सकता है दृश्य में कुछ वस्तु)।

मुझे आशा है कि इससे थोड़ा सा मदद मिलेगी।