95/examples/js/objects/FdageSky.js

/**
 * 
 * @param {webgl上下文：gl} gl 
 * @param {json数据，里面包括了所有的模型文件} directory 
 * @param {json数据，里面包括了sky的所有信息} skyInfo 
 * //{"imageURL":"sky.dat","diffuseCoefficients":[0.168186,0.160808,0.121161,0,0.0668349,0.0631655,0.0531622,0,0.0703842,0.0722825,0.0526607,0,-0.0652816,-0.0583796,-0.0402046,0,-0.0322897,-0.0272824,-0.0174457,0,0.0388359,0.035343,0.0235444,0,0.011817,0.0121625,0.00825249,0,-0.105062,-0.110114,-0.0931767,0,0.0460938,0.04754,0.0361852,0],"backgroundMode":0,"backgroundBrightness":1,"backgroundColor":[0.035338,0.035338,0.035338,1]}
 */
import { Texture } from '../textures/Texture.js';

function FdageSky(gl, directory, skyInfo) {
    this.gl = gl;
    var d = directory.extract("sky.dat") || directory.extract("sky.png");
    var c,b;
    if (void 0 !== d) {
        this.specularTexture = new Texture(gl,{
            width: 256,
            height: 2048,
            clamp: !0
        });
        c = d.data;
        for (var d = d.data.length, e = d / 4, f = new Uint8Array(d), g = 0, h = 0; g < d; ++h)
            f[g++] = c[h + 2 * e],
            f[g++] = c[h + e],
            f[g++] = c[h],
            f[g++] = c[h + 3 * e];
        this.specularTexture.loadArray(f)
    }
    this.diffuseCoefficients = new Float32Array(skyInfo.diffuseCoefficients);
    this.backgroundMode = skyInfo.backgroundMode || 0;
    this.backgroundBrightness = skyInfo.backgroundBrightness || 1;
    this.backgroundColor = new Float32Array(skyInfo.backgroundColor);
    if (1 <= this.backgroundMode)
        if (this.backgroundShader = gl.shaderCache.fromURLs("skyvert.glsl", 3 == this.backgroundMode ? "skySH.glsl" : "sky.glsl", ["#define SKYMODE " + this.backgroundMode]),
        this.vertexBuffer = gl.createBuffer(),
        gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer),
        b = 1 / 256,
        c = 0.5 / 256,
        d = 2.8 * c,
        e = 0.5 * c,
        b = new Float32Array([0, 1, 0, 0.49609375 + b, 0.49609375 + b, 1, 0, 0, 0.9921875 + b, 0.49609375 + b, 0, 0, 1, 0.49609375 + b, 0.9921875 + b, -1, 0, 0, 0 + b, 0.49609375 + b, 0, 0, -1, 0.49609375 + b, 0 + b, 0, -1, 0, 0.9921875 + b, 0 + b, 0, -1, 0, 0.9921875 + b, 0.9921875 + b, 0, -1, 0, 0 + b, 0.9921875 + b, 0, -1, 0, 0 + b, 0 + b, d, 1 - d, -d, 0.5 + c, 0.5 - c, d, 1 - d, d, 0.5 + c, 0.5 + c, -d, 1 - d, d, 0.5 - c, 0.5 + c, -d, 1 - d, -d, 0.5 - c, 0.5 - c, -d, 0, -1 + d, 0.5 - c, 0 + b + c, d, 0, -1 + d, 0.5 + c, 0 + b + c, 1 - d, 0, -d, 0.9921875 + b - c, 0.5 - c, 1 - d, 0, d, 0.9921875 + b - c, 0.5 + c, d, 0, 1 - d, 0.5 + c, 0.9921875 + b - c, -d, 0, 1 - d, 0.5 - c, 0.9921875 + b - c, -1 + d, 0, d, 0 + b + c, 0.5 + c, -1 + d, 0, -d, 0 + b + c, 0.5 - c, 1, 0, 0, 0.9921875 + b - e, 0.49609375 + b, 0, 0, 1, 0.49609375 + b, 0.9921875 + b - e, -1, 0, 0, 0 + b + e, 0.49609375 + b, 0, 0, -1, 0.49609375 + b, 0 + b + e, 0, 1, 0, 0.49609375 + b - e, 0.49609375 + b, 0, 1, 0, 0.49609375 + b, 0.49609375 + b - e, 0, 1, 0, 0.49609375 + b + e, 0.49609375 + b, 0, 1, 0, 0.49609375 + b, 0.49609375 + b + e]),
        gl.bufferData(gl.ARRAY_BUFFER, b, gl.STATIC_DRAW),
        gl.bindBuffer(gl.ARRAY_BUFFER, null),
        this.indexBuffer = gl.createBuffer(),
        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer),
        b = new Uint16Array([2, 1, 6, 3, 2, 7, 8, 4, 3, 4, 5, 1, 9, 14, 15, 17, 10, 16, 18, 19, 11, 20, 13, 12, 28, 12, 13, 13, 24, 28, 28, 24, 9, 9, 24, 14, 25, 9, 15, 25, 15, 21, 10, 25, 21, 10, 21, 16, 22, 26, 10, 22, 10, 17, 18, 11, 26, 22, 18, 26, 19, 23, 27, 19, 27, 11, 23, 20, 27, 27, 20, 12]),
        this.skyIndexCount = b.length,
        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, b, gl.STATIC_DRAW),
        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, null),
        3 == this.backgroundMode)
            for (this.backgroundCoefficients = new Float32Array(this.diffuseCoefficients),
            g = 0; g < this.backgroundCoefficients.length; ++g)
                this.backgroundCoefficients[g] *= this.backgroundBrightness;
        else {
            this.backgroundTexture = new Texture(gl,{
                width: 256,
                height: 256,
                clamp: !0
            });
            b = !1;
            var k;
            gl.ext.textureHalf && gl.ext.textureHalfLinear && (this.backgroundTexture.loadArray(null, gl.RGB, gl.ext.textureHalf.HALF_FLOAT_OES),
            k = new Framebuffer(gl,{
                color0: this.backgroundTexture
            }),
            b = k.valid);
            !b && gl.ext.textureFloat && gl.ext.textureFloatLinear && !gl.hints.mobile && (this.backgroundTexture.loadArray(null, gl.RGB, gl.FLOAT),
            k = new Framebuffer(gl,{
                color0: this.backgroundTexture
            }),
            b = k.valid);
            b || (this.backgroundTexture.loadArray(),
            k = new Framebuffer(gl,{
                color0: this.backgroundTexture
            }));
            k.bind();
            k = new Shader(gl);
            k.build("precision highp float; varying vec2 tc; attribute vec4 p; void main(){ gl_Position=p; tc=vec2(0.5,0.5/8.0)*p.xy+vec2(0.5,6.5/8.0); }", "precision highp float; varying vec2 tc; uniform sampler2D tex; uniform float b; void main(){vec4 s=texture2D(tex,tc); gl_FragColor.xyz=s.xyz*(b*s.w);}");
            k.bind();
            gl.uniform1f(k.params.b, 7 * Math.sqrt(this.backgroundBrightness));
            this.specularTexture.bind(k.samplers.tex);
            b = gl.createBuffer();
            gl.bindBuffer(gl.ARRAY_BUFFER, b);
            b = new Float32Array([-1, -1, 0.5, 1, 3, -1, 0.5, 1, -1, 3, 0.5, 1]);
            gl.bufferData(gl.ARRAY_BUFFER, b, gl.STATIC_DRAW);
            gl.enableVertexAttribArray(k.attribs.p);
            gl.vertexAttribPointer(k.attribs.p, 4, gl.FLOAT, !1, 0, 0);
            gl.drawArrays(gl.TRIANGLES, 0, 3);
            gl.disableVertexAttribArray(k.attribs.p)
        }
}

FdageSky.prototype.setClearColor = function() {
    if (marmoset.transparentBackground)
        this.gl.clearColor(0, 0, 0, 0);
    else if (1 > this.backgroundMode) {
        var a = this.backgroundColor;
        this.gl.clearColor(a[0], a[1], a[2], 1)
    } else
        this.gl.clearColor(0.0582, 0.06772, 0.07805, 1)
};

FdageSky.prototype.draw = function(a) {
    if (1 > this.backgroundMode || marmoset.transparentBackground)
        return !1;
    if (this.complete()) {
        var c = this.gl
          , b = this.backgroundShader
          , d = a.view
          , e = a.lights.invMatrix;
        b.bind();
        c.uniformMatrix4fv(b.params.uInverseSkyMatrix, !1, e);
        c.uniformMatrix4fv(b.params.uViewProjection, !1, d.viewProjectionMatrix);
        3 == this.backgroundMode ? c.uniform4fv(b.params.uSkyCoefficients, this.backgroundCoefficients) : this.backgroundTexture.bind(b.samplers.tSkyTexture);
        a = 0.07 + 0.94 * (1 - a.stripData.activeFade());
        c.uniform1f(b.params.uAlpha, a);
        c.bindBuffer(c.ARRAY_BUFFER, this.vertexBuffer);
        c.enableVertexAttribArray(b.attribs.vPosition);
        c.vertexAttribPointer(b.attribs.vPosition, 3, c.FLOAT, !1, 20, 0);
        c.enableVertexAttribArray(b.attribs.vTexCoord);
        c.vertexAttribPointer(b.attribs.vTexCoord, 2, c.FLOAT, !1, 20, 12);
        c.bindBuffer(c.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
        1 > a && (c.enable(c.BLEND),
        c.blendFunc(c.SRC_ALPHA, c.ONE_MINUS_SRC_ALPHA));
        c.depthMask(!1);
        c.disable(c.DEPTH_TEST);
        c.drawElements(c.TRIANGLES, this.skyIndexCount, c.UNSIGNED_SHORT, 0);
        c.enable(c.DEPTH_TEST);
        c.depthMask(!0);
        1 > a && c.disable(c.BLEND);
        c.disableVertexAttribArray(b.attribs.vPosition);
        c.disableVertexAttribArray(b.attribs.vTexCoord)
    }
};

FdageSky.prototype.complete = function() {
    return this.backgroundShader && !this.backgroundShader.complete() ? !1 : this.specularTexture.complete()
};

export { FdageSky };