summaryrefslogtreecommitdiffstats
path: root/src/renderer/runtime/view/util/image.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/renderer/runtime/view/util/image.ts')
-rw-r--r--src/renderer/runtime/view/util/image.ts33
1 files changed, 33 insertions, 0 deletions
diff --git a/src/renderer/runtime/view/util/image.ts b/src/renderer/runtime/view/util/image.ts
new file mode 100644
index 0000000..37c5e7f
--- /dev/null
+++ b/src/renderer/runtime/view/util/image.ts
@@ -0,0 +1,33 @@
+import { Renderer } from '../renderer/renderer';
+
+export function loadImage(url: string): Promise<HTMLImageElement> {
+ return new Promise((resolve, reject) => {
+ const img = new Image();
+ img.addEventListener('load', () => { resolve(img); });
+ img.addEventListener('error', () => { reject(new Error('failed to load ' + url)); });
+ img.src = url;
+ });
+}
+
+export function mkTexture(
+ r: Renderer,
+ src: HTMLCanvasElement|HTMLImageElement,
+): [WebGLTexture, [number, number]] {
+ const gl = r.getContext();
+ const texture = gl.createTexture();
+ if (!texture)
+ throw new Error('unable to create texture');
+
+ gl.bindTexture(gl.TEXTURE_2D, texture);
+ gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, src);
+ gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+ gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+ gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+ gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+
+ const size: [number, number] = [
+ src.width / r.coordScale, src.height / r.coordScale,
+ ];
+
+ return [texture, size];
+}