यूवी ऑफसेट

Question

से जीएलएसएल वेबग्ल लर्प मानक मानक मेरे पास एक विमान 512px * 512px (100x100 सेगमेंट) पर एक विस्थापन मानचित्र है, क्योंकि विस्थापन मानचित्र स्क्रॉल के लिए छवि को ऊंचाई की स्थिति में लंबवत स्नैप छोड़ दिया गया है, मैं आसानी से मिश्रण नहीं कर रहा हूं, मैं देख रहा हूं मिश्रण() फ़ंक्शन और चिकनी-चरण() पर समय के साथ अपने पदों के लिए आदर्शों को मोर्फ़ करने के लिए, लेकिन मुझे इसे लागू करने में कठिन समय है।

uniform sampler2D heightText; //texture greyscale 512x512 
    uniform float displace;   
    uniform float time; 
    uniform float speed; 

    varying vec2 vUV; 
    varying float scaleDisplace; 

    void main() { 
     vUV = uv; 
     vec2 uvOffset = vUV + vec2(0.1, 0.1)* time; // animates offset 
     vec2 uvCo = vUV + vec2(0.0, 0.0); 
     vec2 texSize = vec2(-0.8, 0.8);  // scales image larger 

     vec4 data = texture2D(heightText, uvOffset + fract(uvCo)*texSize.x); 
     scaleDisplace = data.r; 

     //vec3 possy = normal * displace * scaleDisplace; 

     vec3 morphPossy = mix(position, normal *displace , scaleDisplace)* time ; 

     gl_Position = projectionMatrix * modelViewMatrix * vec4(morphPossy, 1.0); 


    } 

Three.js 71 का उपयोग करते हुए शिखर और पिक्सेल के साथ:

चित्रण प्रयोजन:

सराहना की कोई मदद ...

Answer 1

अपने एक ऊंचाई नक्शे के रूप में एक बनावट के प्रयोग के बाद से, आपको यह सुनिश्चित करना चाहिए कि:

heightText.magFilter = THREE.LinearFilter; // This is the default value. 

ताकि आपके द्वारा प्राप्त किए गए मानों को टेक्क्सल को टेक्क्सल में चिकना कर दिया जाए।