html网页动态泡泡的代码,HTML5 WebGL GLSL泡沫特效着色器代码

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

class PostEffect {

constructor(texture) {

this.uniforms = {

time: {

type: 'f',

value: 0,

},

resolution: {

type: 'v2',

value: new THREE.Vector2(512, 512),

},

texture: {

type: 't',

value: texture

}

};

this.mesh = this.createMesh(texture);

}

createMesh() {

return new THREE.Mesh(

new THREE.PlaneBufferGeometry(2, 2),

new THREE.RawShaderMaterial({

uniforms: this.uniforms,

vertexShader: document.getElementById('vs-post-effect').textContent,

fragmentShader: document.getElementById('fs-post-effect').textContent,

})

);

}