How to Generate Skybox?

11113 · May 30, 2019, 3:21am

How to generate Skybox in Engine instead of Editor?

      this.app.assets.loadFromUrl("scenes/sunset_sky.dds", "texture", (error, asset:pc.Asset) => {
            const texture = asset.resource as pc.Texture;

            texture.magFilter=1;
            texture.minFilter=5;
            texture.anisotropy=1;
            (<any>texture).rgbm=true;

            this.app.setSkybox(asset);

            return null;
        });

I see the .dds file used. How do I generate the DDS file?

will · May 30, 2019, 2:56pm

11113 · May 31, 2019, 2:25am

Oh, it needs editor. How does it need to be generated without an editor?

will · May 31, 2019, 3:48pm

I guess the Editor just calls pc.prefilterCubemap:

github.com

playcanvas/engine/blob/master/src/graphics/prefilter-cubemap.js#L16


    if (tex.format != pc.PIXELFORMAT_R8_G8_B8_A8) return;
    var pixels = new Uint8Array(tex.width * tex.height * 4);
    var gl = device.gl;
    device.setFramebuffer(targ._glFrameBuffer);
    gl.readPixels(0, 0, tex.width, tex.height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
    if (!tex._levels) tex._levels = [];
    if (!tex._levels[0]) tex._levels[0] = [];
    tex._levels[0][face] = pixels;
}


function prefilterCubemap(options) {
    var device = options.device;
    var sourceCubemap = options.sourceCubemap;
    var method = options.method;
    var samples = options.samples;
    var cpuSync = options.cpuSync;


    if (cpuSync && !sourceCubemap._levels[0]) {
        console.error("ERROR: prefilter: cubemap must have _levels");
        return;
    }

And then pc.Texture#getDds:

github.com

playcanvas/engine/blob/master/src/graphics/texture.js#L823


 * @description Forces a reupload of the textures pixel data to graphics memory. Ordinarily, this function
 * is called by internally by {@link pc.Texture#setSource} and {@link pc.Texture#unlock}. However, it still needs to
 * be called explicitly in the case where an HTMLVideoElement is set as the source of the texture.  Normally,
 * this is done once every frame before video textured geometry is rendered.
 */
upload: function () {
    this._needsUpload = true;
    this._needsMipmapsUpload = this._mipmaps;
},


getDds: function () {
    if (this.format !== pc.PIXELFORMAT_R8_G8_B8_A8)
        console.error("This format is not implemented yet");


    var fsize = 128;
    var i = 0;
    var j;
    var face;
    while (this._levels[i]) {
        var mipSize;
        if (!this.cubemap) {

Neither function is in public API and so are subject to change in the future.