apl-easy-gl/lib/Loaders/loadTexture.js

Various easy WebGL helper functions

"use strict";
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var createTexture_1 = require("../WebGL/createTexture");
var generateMipmap_1 = require("../WebGL/generateMipmap");
var defaultOptions = {
    level: 0,
    internalFormat: WebGLRenderingContext.RGBA,
    border: 0,
    srcFormat: WebGLRenderingContext.RGBA,
    srcType: WebGLRenderingContext.UNSIGNED_BYTE,
    mipmap: false,
    premultiplyAlpha: true
};
function loadTexture(gl, url, opts) {
    opts = __assign({}, defaultOptions, opts);
    var image = new Image();
    var texture = createTexture_1.createTexture(gl, Object.assign({ width: 1, height: 1 }, opts));
    var texObj = {
        texture: texture,
        image: image,
        width: 0,
        height: 0
    };
    image.onload = function () {
        texObj.width = image.width;
        texObj.height = image.height;
        gl.bindTexture(gl.TEXTURE_2D, texture);
        gl.texImage2D(gl.TEXTURE_2D, opts.level, opts.internalFormat, opts.srcFormat, opts.srcType, image);
        if (opts.mipmap) {
            generateMipmap_1.generateMipmap(gl, texture, __assign({ width: image.width, height: image.height }, opts));
        }
    };
    image.src = url;
    return texObj;
}
exports.loadTexture = loadTexture;