dyuri/repa-shader
1
0
Fork 0
mirror of https://github.com/dyuri/repa-shader.git synced 2026-09-24 03:54:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

generated texture example

Browse Source
This commit is contained in:
dyuri
2023-04-05 15:39:39 +02:00
parent 0d5187a310
commit 731d783e0b
3 changed files with 43 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/repa-shader.js
+12 -2
View File
@@ -304,6 +304,10 @@ class RepaShader extends HTMLElement {
return (format && this._gl[format.toUpperCase().replaceAll('-', '_')]) || this._gl.RGBA;
}
_getType(type) {
return (type && this._gl[type.toUpperCase().replaceAll('-', '_')]) || this._gl.UNSIGNED_BYTE;
}
_collectTextures() {
this._textures = [];
this._textures3d = [];
@@ -464,9 +468,12 @@ class RepaShader extends HTMLElement {
// update if needed
if (t.texElement.shouldUpdate) {
const format = this._getFormat(t.texElement.format);
const internalFormat = this._getFormat(t.texElement.internalFormat);
const type = this._getType(t.texElement.dataType);
this._gl.pixelStorei(this._gl.UNPACK_FLIP_Y_WEBGL, t.texElement.flipY);
this._gl.texImage2D(this._gl.TEXTURE_2D, 0, format, t.texElement.width, t.texElement.height, 0, format, this._gl.UNSIGNED_BYTE, t.texElement.update());
this._gl.texImage2D(this._gl.TEXTURE_2D, 0, internalFormat, t.texElement.width, t.texElement.height, 0, format, type, t.texElement.update());
}
this._gl.uniform1i(this._uniLocation[t.texElement.name], i + this.mrt);
@@ -480,9 +487,12 @@ class RepaShader extends HTMLElement {
// update if needed
if (t.texElement.shouldUpdate) {
const format = this._getFormat(t.texElement.format);
const internalFormat = this._getFormat(t.texElement.internalFormat);
const type = this._getType(t.texElement.dataType);
this._gl.pixelStorei(this._gl.UNPACK_FLIP_Y_WEBGL, 0);
this._gl.texImage3D(this._gl.TEXTURE_3D, 0, format, t.texElement.width, t.texElement.height, t.texElement.depth, 0, format, this._gl.UNSIGNED_BYTE, t.texElement.update());
this._gl.texImage3D(this._gl.TEXTURE_3D, 0, internalFormat, t.texElement.width, t.texElement.height, t.texElement.depth, 0, format, type, t.texElement.update());
}
this._gl.uniform1i(this._uniLocation[t.texElement.name], i + this.mrt + this._textures.length);
src/repa-texture.js
+9 -22
View File
@@ -86,29 +86,8 @@ class RepaTexture extends HTMLElement {
this._forceUpdate = true;
} else if (this.textContent) {
this.simpleContent(JSON.parse(this.textContent));
} else if (this.t3d) { // TODO 3d texture experiment
let size = 32;
this._width = size;
this._height = size;
this._depth = size;
let t3data = new Uint8Array(size * size * size);
for (let i = 0; i < size; i++) {
for (let j = 0; j < size; j++) {
for (let k = 0; k < size; k++) {
let index = i * size * size + j * size + k;
t3data[index] = (i * j * k) % 255;
}
}
}
this._content = t3data;
this._forceUpdate = true;
this._format = 'luminance';
this.ready = true;
} else {
this.logger.error('Texture content cannot be loaded!');
this.logger.warn('Texture content cannot be loaded!');
}
}
@@ -388,6 +367,14 @@ class RepaTexture extends HTMLElement {
return this._format || this.getAttribute('format') || 'rgba';
}
get internalFormat() {
return this._internalFormat || this.getAttribute('internal-format') || this.format;
}
get dataType() {
return this._dataType || this.getAttribute('data-type') || 'unsigned-byte';
}
get name() {
if (!this._name) {
let name = this.getAttribute('name');