uniforms

 

fragment定义

uniform vec2 resolution;

 

///////

js 传递...

var vertShader = $(vertexShader).text();
        var fragShader = $(fragmentShader).text();
        
        var uniforms = {
            time: {type: 'f', value: 0.2},
            scale: {type: 'f', value: 0.2},
            alpha: {type: 'f', value: 0.6},
            resolution: {type: 'v2', value: new THREE.Vector2()}
        };
        
        uniforms.resolution.value.x = window.innerWidth;
        uniforms.resolution.value.y = window.innerHeight;
        
        var shaderMaterial = new THREE.ShaderMaterial({
            uniforms: uniforms,
            vertexShader: vertShader,
            fragmentShader: fragShader,
            transparent: true
        }); 

你可能感兴趣的:(three.js篇章学习)