Three.js: WebGL मिरर उदाहरण कलाकृतियों

को निर्मित 17 अग॰ 2017 · 5टिप्पणियाँ · स्रोत: mrdoob/three.js

कैमरे को थोड़ा सा ज़ूम इन और मूव करके कलाकृतियों को पुन: प्रस्तुत किया जा सकता है।

https://threejs.org/examples/webgl_mirror.html

screen shot 2017-08-16 at 8 53 26 pm

तीन.जेएस संस्करण

[x] देव
[x] r86

ब्राउज़र

[x] क्रोम

ओएस

[x] macOS

Bug

स्रोत

WestLangley

सबसे उपयोगी टिप्पणी

@ मर्डोब अगर आप अभी भी गड़बड़ कर रहे हैं, मुझे लगता है कि सरलीकरण के लिए जगह है ...

//mirrorCamera.up.set( 0, - 1, 0 );
//mirrorCamera.up.applyMatrix4( rotationMatrix );
//mirrorCamera.up.reflect( normal ).negate();

mirrorCamera.up.set( 0, 1, 0 ).applyMatrix4( rotationMatrix ).reflect( normal );

WestLangley 18 अग॰ 2017

👍2

सभी 5 टिप्पणियाँ

वास्तव में।
इस विषय को भी देखें: https://github.com/mrdoob/three.js/issues/11885
अंत में मुझे लग रहा है कि आईना ठीक से लागू नहीं हुआ है।

RemusMar 17 अग॰ 2017

मुख्य कैमरा का पहलू अनुपात दर्पण कैमरे की नकल नहीं है।

// "examples/Mirror.js" (lines 142-146)
mirrorCamera.near = camera.near;
mirrorCamera.far = camera.far;
mirrorCamera.updateMatrixWorld();
mirrorCamera.updateProjectionMatrix();

इसे बदल दिया जाना चाहिए:

mirrorCamera.updateMatrixWorld();
mirrorCamera.projectionMatrix.copy(camera.projectionMatrix);

मैं बाद में इसके लिए एक पीआर भेजूंगा!

दर्पण (और प्लेनर महासागर) के साथ एक और समस्या यह है कि logarithmicDepthBuffer सक्षम होने पर यह काम नहीं करता है। विमान की कतरन के पास ओब्लिक गहराई के साथ गड़बड़ करता है और मुझे इसके लिए कभी हल नहीं मिला। काश WebGL के पास glClipPlane

vanruesc 17 अग॰ 2017

👍1

@vanruesc मैं कोड के साथ खिलवाड़ कर रहा था इसलिए मैंने इसे सीधे लागू किया। बहुत धन्यवाद!

mrdoob 18 अग॰ 2017

👍1

//mirrorCamera.up.set( 0, - 1, 0 );
//mirrorCamera.up.applyMatrix4( rotationMatrix );
//mirrorCamera.up.reflect( normal ).negate();

mirrorCamera.up.set( 0, 1, 0 ).applyMatrix4( rotationMatrix ).reflect( normal );

WestLangley 18 अग॰ 2017

👍2

@WestLangley धन्यवाद!

mrdoob 18 अग॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Three.js: WebGL मिरर उदाहरण कलाकृतियों

तीन.जेएस संस्करण

ब्राउज़र

ओएस

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों