html中鱼眼效果,Three.js - 鱼眼效果

使用Giliam de Carpentier的镜头变形着色器可以实现鱼眼效果。

shader代码：

function getDistortionShaderDefinition()

{

return {

uniforms: {

"tDiffuse": { type: "t", value: null },

"strength": { type: "f", value: 0 },

"height": { type: "f", value: 1 },

"aspectRatio": { type: "f", value: 1 },

"cylindricalRatio": { type: "f", value: 1 }

},

vertexShader: [

"uniform float strength;", // s: 0 = perspective, 1 = stereographic

"uniform float height;", // h: tan(verticalFOVInRadians/2)

"uniform float aspectRatio;", // a: screenWidth/screenHeight

"uniform float cylindricalRatio;", // c: cylindrical distortion ratio. 1 = spherical

"varying vec3 vUV;", // output to interpolate o