You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
796 B
32 lines
796 B
const CANVAS_ID = "canvas";
|
|
const GAT_FILE_ID = "gat_file";
|
|
|
|
const canvas = document.getElementById(CANVAS_ID);
|
|
if (canvas === null) {
|
|
throw new Error("couldn't find element #" + CANVAS_ID);
|
|
}
|
|
|
|
const gl = canvas.getContext("webgl");
|
|
if (gl === null) {
|
|
throw new Error("couldn't initialize webgl context");
|
|
}
|
|
|
|
gl.clearColor(0, 0, 0, 1);
|
|
gl.clear(gl.COLOR_BUFFER_BIT);
|
|
|
|
if (typeof window.rojs !== "object") {
|
|
throw new Error("ro.js not found, is it loaded?");
|
|
}
|
|
|
|
const gatFile = document.getElementById(GAT_FILE_ID);
|
|
gatFile.addEventListener("change", (e) => {
|
|
const file = gatFile.files[0];
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = (e) => {
|
|
const gat = window.rojs.parseGAT(e.target.result);
|
|
window.rojs.renderGAT(gl, gat);
|
|
};
|
|
|
|
reader.readAsArrayBuffer(file);
|
|
});
|