chore: remove wasm artifacts from git tracking
This commit is contained in:
@@ -39,3 +39,4 @@ yarn-error.log*
|
|||||||
# typescript
|
# typescript
|
||||||
*.tsbuildinfo
|
*.tsbuildinfo
|
||||||
next-env.d.ts
|
next-env.d.ts
|
||||||
|
/public/wasm-matrix/
|
||||||
|
|||||||
@@ -1,461 +0,0 @@
|
|||||||
/* @ts-self-types="./matrix_engine.d.ts" */
|
|
||||||
|
|
||||||
export class MatrixEngine {
|
|
||||||
__destroy_into_raw() {
|
|
||||||
const ptr = this.__wbg_ptr;
|
|
||||||
this.__wbg_ptr = 0;
|
|
||||||
MatrixEngineFinalization.unregister(this);
|
|
||||||
return ptr;
|
|
||||||
}
|
|
||||||
free() {
|
|
||||||
const ptr = this.__destroy_into_raw();
|
|
||||||
wasm.__wbg_matrixengine_free(ptr, 0);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
bg_len() {
|
|
||||||
const ret = wasm.matrixengine_bg_len(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
bg_ptr() {
|
|
||||||
const ret = wasm.matrixengine_bg_ptr(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
fg_len() {
|
|
||||||
const ret = wasm.matrixengine_fg_len(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
fg_ptr() {
|
|
||||||
const ret = wasm.matrixengine_fg_ptr(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
glass_len() {
|
|
||||||
const ret = wasm.matrixengine_glass_len(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
glass_ptr() {
|
|
||||||
const ret = wasm.matrixengine_glass_ptr(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
glitch_len() {
|
|
||||||
const ret = wasm.matrixengine_glitch_len(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @returns {number}
|
|
||||||
*/
|
|
||||||
glitch_ptr() {
|
|
||||||
const ret = wasm.matrixengine_glitch_ptr(this.__wbg_ptr);
|
|
||||||
return ret >>> 0;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {number} width
|
|
||||||
* @param {number} height
|
|
||||||
* @param {number} font_size
|
|
||||||
*/
|
|
||||||
constructor(width, height, font_size) {
|
|
||||||
const ret = wasm.matrixengine_new(width, height, font_size);
|
|
||||||
this.__wbg_ptr = ret >>> 0;
|
|
||||||
MatrixEngineFinalization.register(this, this.__wbg_ptr, this);
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {number} width
|
|
||||||
* @param {number} height
|
|
||||||
*/
|
|
||||||
resize(width, height) {
|
|
||||||
wasm.matrixengine_resize(this.__wbg_ptr, width, height);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {boolean} is_drawing
|
|
||||||
*/
|
|
||||||
set_drawing(is_drawing) {
|
|
||||||
wasm.matrixengine_set_drawing(this.__wbg_ptr, is_drawing);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {boolean} is_mobile
|
|
||||||
*/
|
|
||||||
set_mobile(is_mobile) {
|
|
||||||
wasm.matrixengine_set_mobile(this.__wbg_ptr, is_mobile);
|
|
||||||
}
|
|
||||||
tick() {
|
|
||||||
wasm.matrixengine_tick(this.__wbg_ptr);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {number} x
|
|
||||||
* @param {number} y
|
|
||||||
*/
|
|
||||||
trigger_glitch(x, y) {
|
|
||||||
wasm.matrixengine_trigger_glitch(this.__wbg_ptr, x, y);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* @param {number} x
|
|
||||||
* @param {number} y
|
|
||||||
*/
|
|
||||||
update_mouse(x, y) {
|
|
||||||
wasm.matrixengine_update_mouse(this.__wbg_ptr, x, y);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (Symbol.dispose) MatrixEngine.prototype[Symbol.dispose] = MatrixEngine.prototype.free;
|
|
||||||
function __wbg_get_imports() {
|
|
||||||
const import0 = {
|
|
||||||
__proto__: null,
|
|
||||||
__wbg___wbindgen_is_function_3baa9db1a987f47d: function(arg0) {
|
|
||||||
const ret = typeof(arg0) === 'function';
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg___wbindgen_is_object_63322ec0cd6ea4ef: function(arg0) {
|
|
||||||
const val = arg0;
|
|
||||||
const ret = typeof(val) === 'object' && val !== null;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg___wbindgen_is_string_6df3bf7ef1164ed3: function(arg0) {
|
|
||||||
const ret = typeof(arg0) === 'string';
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg___wbindgen_is_undefined_29a43b4d42920abd: function(arg0) {
|
|
||||||
const ret = arg0 === undefined;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg___wbindgen_throw_6b64449b9b9ed33c: function(arg0, arg1) {
|
|
||||||
throw new Error(getStringFromWasm0(arg0, arg1));
|
|
||||||
},
|
|
||||||
__wbg_call_a24592a6f349a97e: function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = arg0.call(arg1, arg2);
|
|
||||||
return ret;
|
|
||||||
}, arguments); },
|
|
||||||
__wbg_crypto_38df2bab126b63dc: function(arg0) {
|
|
||||||
const ret = arg0.crypto;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_error_a6fa202b58aa1cd3: function(arg0, arg1) {
|
|
||||||
let deferred0_0;
|
|
||||||
let deferred0_1;
|
|
||||||
try {
|
|
||||||
deferred0_0 = arg0;
|
|
||||||
deferred0_1 = arg1;
|
|
||||||
console.error(getStringFromWasm0(arg0, arg1));
|
|
||||||
} finally {
|
|
||||||
wasm.__wbindgen_free(deferred0_0, deferred0_1, 1);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
__wbg_getRandomValues_c44a50d8cfdaebeb: function() { return handleError(function (arg0, arg1) {
|
|
||||||
arg0.getRandomValues(arg1);
|
|
||||||
}, arguments); },
|
|
||||||
__wbg_length_9f1775224cf1d815: function(arg0) {
|
|
||||||
const ret = arg0.length;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_msCrypto_bd5a034af96bcba6: function(arg0) {
|
|
||||||
const ret = arg0.msCrypto;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_new_227d7c05414eb861: function() {
|
|
||||||
const ret = new Error();
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_new_with_length_8c854e41ea4dae9b: function(arg0) {
|
|
||||||
const ret = new Uint8Array(arg0 >>> 0);
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_node_84ea875411254db1: function(arg0) {
|
|
||||||
const ret = arg0.node;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_process_44c7a14e11e9f69e: function(arg0) {
|
|
||||||
const ret = arg0.process;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_prototypesetcall_a6b02eb00b0f4ce2: function(arg0, arg1, arg2) {
|
|
||||||
Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), arg2);
|
|
||||||
},
|
|
||||||
__wbg_randomFillSync_6c25eac9869eb53c: function() { return handleError(function (arg0, arg1) {
|
|
||||||
arg0.randomFillSync(arg1);
|
|
||||||
}, arguments); },
|
|
||||||
__wbg_require_b4edbdcf3e2a1ef0: function() { return handleError(function () {
|
|
||||||
const ret = module.require;
|
|
||||||
return ret;
|
|
||||||
}, arguments); },
|
|
||||||
__wbg_stack_3b0d974bbf31e44f: function(arg0, arg1) {
|
|
||||||
const ret = arg1.stack;
|
|
||||||
const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len1 = WASM_VECTOR_LEN;
|
|
||||||
getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
|
|
||||||
getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
|
|
||||||
},
|
|
||||||
__wbg_static_accessor_GLOBAL_8cfadc87a297ca02: function() {
|
|
||||||
const ret = typeof global === 'undefined' ? null : global;
|
|
||||||
return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
|
|
||||||
},
|
|
||||||
__wbg_static_accessor_GLOBAL_THIS_602256ae5c8f42cf: function() {
|
|
||||||
const ret = typeof globalThis === 'undefined' ? null : globalThis;
|
|
||||||
return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
|
|
||||||
},
|
|
||||||
__wbg_static_accessor_SELF_e445c1c7484aecc3: function() {
|
|
||||||
const ret = typeof self === 'undefined' ? null : self;
|
|
||||||
return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
|
|
||||||
},
|
|
||||||
__wbg_static_accessor_WINDOW_f20e8576ef1e0f17: function() {
|
|
||||||
const ret = typeof window === 'undefined' ? null : window;
|
|
||||||
return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
|
|
||||||
},
|
|
||||||
__wbg_subarray_f8ca46a25b1f5e0d: function(arg0, arg1, arg2) {
|
|
||||||
const ret = arg0.subarray(arg1 >>> 0, arg2 >>> 0);
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbg_versions_276b2795b1c6a219: function(arg0) {
|
|
||||||
const ret = arg0.versions;
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbindgen_cast_0000000000000001: function(arg0, arg1) {
|
|
||||||
// Cast intrinsic for `Ref(Slice(U8)) -> NamedExternref("Uint8Array")`.
|
|
||||||
const ret = getArrayU8FromWasm0(arg0, arg1);
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbindgen_cast_0000000000000002: function(arg0, arg1) {
|
|
||||||
// Cast intrinsic for `Ref(String) -> Externref`.
|
|
||||||
const ret = getStringFromWasm0(arg0, arg1);
|
|
||||||
return ret;
|
|
||||||
},
|
|
||||||
__wbindgen_init_externref_table: function() {
|
|
||||||
const table = wasm.__wbindgen_externrefs;
|
|
||||||
const offset = table.grow(4);
|
|
||||||
table.set(0, undefined);
|
|
||||||
table.set(offset + 0, undefined);
|
|
||||||
table.set(offset + 1, null);
|
|
||||||
table.set(offset + 2, true);
|
|
||||||
table.set(offset + 3, false);
|
|
||||||
},
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
__proto__: null,
|
|
||||||
"./matrix_engine_bg.js": import0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const MatrixEngineFinalization = (typeof FinalizationRegistry === 'undefined')
|
|
||||||
? { register: () => {}, unregister: () => {} }
|
|
||||||
: new FinalizationRegistry(ptr => wasm.__wbg_matrixengine_free(ptr >>> 0, 1));
|
|
||||||
|
|
||||||
function addToExternrefTable0(obj) {
|
|
||||||
const idx = wasm.__externref_table_alloc();
|
|
||||||
wasm.__wbindgen_externrefs.set(idx, obj);
|
|
||||||
return idx;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getArrayU8FromWasm0(ptr, len) {
|
|
||||||
ptr = ptr >>> 0;
|
|
||||||
return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedDataViewMemory0 = null;
|
|
||||||
function getDataViewMemory0() {
|
|
||||||
if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
|
|
||||||
cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedDataViewMemory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getStringFromWasm0(ptr, len) {
|
|
||||||
ptr = ptr >>> 0;
|
|
||||||
return decodeText(ptr, len);
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedUint8ArrayMemory0 = null;
|
|
||||||
function getUint8ArrayMemory0() {
|
|
||||||
if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
|
|
||||||
cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedUint8ArrayMemory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleError(f, args) {
|
|
||||||
try {
|
|
||||||
return f.apply(this, args);
|
|
||||||
} catch (e) {
|
|
||||||
const idx = addToExternrefTable0(e);
|
|
||||||
wasm.__wbindgen_exn_store(idx);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function isLikeNone(x) {
|
|
||||||
return x === undefined || x === null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function passStringToWasm0(arg, malloc, realloc) {
|
|
||||||
if (realloc === undefined) {
|
|
||||||
const buf = cachedTextEncoder.encode(arg);
|
|
||||||
const ptr = malloc(buf.length, 1) >>> 0;
|
|
||||||
getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
|
|
||||||
WASM_VECTOR_LEN = buf.length;
|
|
||||||
return ptr;
|
|
||||||
}
|
|
||||||
|
|
||||||
let len = arg.length;
|
|
||||||
let ptr = malloc(len, 1) >>> 0;
|
|
||||||
|
|
||||||
const mem = getUint8ArrayMemory0();
|
|
||||||
|
|
||||||
let offset = 0;
|
|
||||||
|
|
||||||
for (; offset < len; offset++) {
|
|
||||||
const code = arg.charCodeAt(offset);
|
|
||||||
if (code > 0x7F) break;
|
|
||||||
mem[ptr + offset] = code;
|
|
||||||
}
|
|
||||||
if (offset !== len) {
|
|
||||||
if (offset !== 0) {
|
|
||||||
arg = arg.slice(offset);
|
|
||||||
}
|
|
||||||
ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
|
|
||||||
const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
|
|
||||||
const ret = cachedTextEncoder.encodeInto(arg, view);
|
|
||||||
|
|
||||||
offset += ret.written;
|
|
||||||
ptr = realloc(ptr, len, offset, 1) >>> 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
WASM_VECTOR_LEN = offset;
|
|
||||||
return ptr;
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
|
|
||||||
cachedTextDecoder.decode();
|
|
||||||
const MAX_SAFARI_DECODE_BYTES = 2146435072;
|
|
||||||
let numBytesDecoded = 0;
|
|
||||||
function decodeText(ptr, len) {
|
|
||||||
numBytesDecoded += len;
|
|
||||||
if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
|
|
||||||
cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
|
|
||||||
cachedTextDecoder.decode();
|
|
||||||
numBytesDecoded = len;
|
|
||||||
}
|
|
||||||
return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
|
|
||||||
}
|
|
||||||
|
|
||||||
const cachedTextEncoder = new TextEncoder();
|
|
||||||
|
|
||||||
if (!('encodeInto' in cachedTextEncoder)) {
|
|
||||||
cachedTextEncoder.encodeInto = function (arg, view) {
|
|
||||||
const buf = cachedTextEncoder.encode(arg);
|
|
||||||
view.set(buf);
|
|
||||||
return {
|
|
||||||
read: arg.length,
|
|
||||||
written: buf.length
|
|
||||||
};
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
let WASM_VECTOR_LEN = 0;
|
|
||||||
|
|
||||||
let wasmModule, wasm;
|
|
||||||
function __wbg_finalize_init(instance, module) {
|
|
||||||
wasm = instance.exports;
|
|
||||||
wasmModule = module;
|
|
||||||
cachedDataViewMemory0 = null;
|
|
||||||
cachedUint8ArrayMemory0 = null;
|
|
||||||
wasm.__wbindgen_start();
|
|
||||||
return wasm;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function __wbg_load(module, imports) {
|
|
||||||
if (typeof Response === 'function' && module instanceof Response) {
|
|
||||||
if (typeof WebAssembly.instantiateStreaming === 'function') {
|
|
||||||
try {
|
|
||||||
return await WebAssembly.instantiateStreaming(module, imports);
|
|
||||||
} catch (e) {
|
|
||||||
const validResponse = module.ok && expectedResponseType(module.type);
|
|
||||||
|
|
||||||
if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
|
|
||||||
console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
|
|
||||||
|
|
||||||
} else { throw e; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const bytes = await module.arrayBuffer();
|
|
||||||
return await WebAssembly.instantiate(bytes, imports);
|
|
||||||
} else {
|
|
||||||
const instance = await WebAssembly.instantiate(module, imports);
|
|
||||||
|
|
||||||
if (instance instanceof WebAssembly.Instance) {
|
|
||||||
return { instance, module };
|
|
||||||
} else {
|
|
||||||
return instance;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function expectedResponseType(type) {
|
|
||||||
switch (type) {
|
|
||||||
case 'basic': case 'cors': case 'default': return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function initSync(module) {
|
|
||||||
if (wasm !== undefined) return wasm;
|
|
||||||
|
|
||||||
|
|
||||||
if (module !== undefined) {
|
|
||||||
if (Object.getPrototypeOf(module) === Object.prototype) {
|
|
||||||
({module} = module)
|
|
||||||
} else {
|
|
||||||
console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const imports = __wbg_get_imports();
|
|
||||||
if (!(module instanceof WebAssembly.Module)) {
|
|
||||||
module = new WebAssembly.Module(module);
|
|
||||||
}
|
|
||||||
const instance = new WebAssembly.Instance(module, imports);
|
|
||||||
return __wbg_finalize_init(instance, module);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function __wbg_init(module_or_path) {
|
|
||||||
if (wasm !== undefined) return wasm;
|
|
||||||
|
|
||||||
|
|
||||||
if (module_or_path !== undefined) {
|
|
||||||
if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
|
|
||||||
({module_or_path} = module_or_path)
|
|
||||||
} else {
|
|
||||||
console.warn('using deprecated parameters for the initialization function; pass a single object instead')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (module_or_path === undefined) {
|
|
||||||
module_or_path = new URL('matrix_engine_bg.wasm', import.meta.url);
|
|
||||||
}
|
|
||||||
const imports = __wbg_get_imports();
|
|
||||||
|
|
||||||
if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
|
|
||||||
module_or_path = fetch(module_or_path);
|
|
||||||
}
|
|
||||||
|
|
||||||
const { instance, module } = await __wbg_load(await module_or_path, imports);
|
|
||||||
|
|
||||||
return __wbg_finalize_init(instance, module);
|
|
||||||
}
|
|
||||||
|
|
||||||
export { initSync, __wbg_init as default };
|
|
||||||
Binary file not shown.
@@ -1,225 +0,0 @@
|
|||||||
import init, { MatrixEngine } from "./matrix_engine.js";
|
|
||||||
|
|
||||||
let engine;
|
|
||||||
let wasm;
|
|
||||||
let ctx;
|
|
||||||
let atlasCanvas, atlasCtx;
|
|
||||||
let width, height;
|
|
||||||
let fontSize = 16;
|
|
||||||
let isMobile = false,
|
|
||||||
isVpnOn = false,
|
|
||||||
isDarkMode = true;
|
|
||||||
|
|
||||||
const chars =
|
|
||||||
"0101アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホ마미무메모야유요라릴레로와원>_±÷×=≠≈≡≤≥";
|
|
||||||
|
|
||||||
function buildAtlas() {
|
|
||||||
// Создаем или пересоздаем атлас под текущий fontSize
|
|
||||||
atlasCanvas = new OffscreenCanvas(chars.length * fontSize, fontSize * 2);
|
|
||||||
atlasCtx = atlasCanvas.getContext("2d", { alpha: false });
|
|
||||||
|
|
||||||
let r, g, b;
|
|
||||||
if (isVpnOn && isDarkMode) {
|
|
||||||
r = 139;
|
|
||||||
g = 61;
|
|
||||||
b = 255;
|
|
||||||
} else if (!isVpnOn && isDarkMode) {
|
|
||||||
r = 0;
|
|
||||||
g = 229;
|
|
||||||
b = 242;
|
|
||||||
} else if (isVpnOn && !isDarkMode) {
|
|
||||||
r = 109;
|
|
||||||
g = 40;
|
|
||||||
b = 217;
|
|
||||||
} else {
|
|
||||||
r = 2;
|
|
||||||
g = 132;
|
|
||||||
b = 199;
|
|
||||||
}
|
|
||||||
|
|
||||||
atlasCtx.fillStyle = isDarkMode ? "rgb(10, 10, 12)" : "rgb(250, 250, 252)";
|
|
||||||
atlasCtx.fillRect(0, 0, atlasCanvas.width, atlasCanvas.height);
|
|
||||||
|
|
||||||
atlasCtx.font = `bold ${fontSize}px monospace`;
|
|
||||||
atlasCtx.textBaseline = "top";
|
|
||||||
atlasCtx.textAlign = "center";
|
|
||||||
const halfFs = fontSize / 2;
|
|
||||||
|
|
||||||
atlasCtx.fillStyle = `rgb(${r}, ${g}, ${b})`;
|
|
||||||
for (let i = 0; i < chars.length; i++)
|
|
||||||
atlasCtx.fillText(chars[i], i * fontSize + halfFs, 0);
|
|
||||||
|
|
||||||
atlasCtx.fillStyle = "rgb(255, 255, 255)";
|
|
||||||
for (let i = 0; i < chars.length; i++)
|
|
||||||
atlasCtx.fillText(chars[i], i * fontSize + halfFs, fontSize);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getGlitchColor(type) {
|
|
||||||
let r, g, b;
|
|
||||||
if (isVpnOn && isDarkMode) {
|
|
||||||
r = 139;
|
|
||||||
g = 61;
|
|
||||||
b = 255;
|
|
||||||
} else if (!isVpnOn && isDarkMode) {
|
|
||||||
r = 0;
|
|
||||||
g = 229;
|
|
||||||
b = 242;
|
|
||||||
} else if (isVpnOn && !isDarkMode) {
|
|
||||||
r = 109;
|
|
||||||
g = 40;
|
|
||||||
b = 217;
|
|
||||||
} else {
|
|
||||||
r = 2;
|
|
||||||
g = 132;
|
|
||||||
b = 199;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (type === 0) return isDarkMode ? "rgb(10, 10, 12)" : "rgb(250, 250, 252)";
|
|
||||||
if (type === 1) return `rgba(${r},${g},${b},0.9)`;
|
|
||||||
if (type === 2) return `rgba(${255 - r},${255 - g},${255 - b},0.7)`;
|
|
||||||
if (type === 3) return "rgba(255,255,255,0.95)";
|
|
||||||
return "rgba(255,20,80,0.95)";
|
|
||||||
}
|
|
||||||
|
|
||||||
self.onmessage = async (e) => {
|
|
||||||
const { type, payload } = e.data;
|
|
||||||
|
|
||||||
if (type === "INIT") {
|
|
||||||
ctx = payload.canvas.getContext("2d", { alpha: false });
|
|
||||||
width = payload.width;
|
|
||||||
height = payload.height;
|
|
||||||
isMobile = payload.isMobile;
|
|
||||||
isVpnOn = payload.isVpnOn;
|
|
||||||
isDarkMode = payload.isDarkMode;
|
|
||||||
fontSize = payload.fontSize || 16;
|
|
||||||
|
|
||||||
wasm = await init("./matrix_engine_bg.wasm");
|
|
||||||
engine = new MatrixEngine(width, height, fontSize);
|
|
||||||
engine.set_mobile(isMobile);
|
|
||||||
|
|
||||||
buildAtlas();
|
|
||||||
requestAnimationFrame(render);
|
|
||||||
}
|
|
||||||
// ДОБАВЛЯЕМ ПРОВЕРКУ: if (!engine) return; во всех остальных случаях
|
|
||||||
else if (type === "RESIZE") {
|
|
||||||
if (!engine) return;
|
|
||||||
width = payload.width;
|
|
||||||
height = payload.height;
|
|
||||||
fontSize = payload.fontSize || 16;
|
|
||||||
ctx.canvas.width = width;
|
|
||||||
ctx.canvas.height = height;
|
|
||||||
engine.set_mobile(payload.isMobile);
|
|
||||||
engine.resize(width, height);
|
|
||||||
buildAtlas();
|
|
||||||
} else if (type === "THEME") {
|
|
||||||
isVpnOn = payload.isVpnOn;
|
|
||||||
isDarkMode = payload.isDarkMode;
|
|
||||||
buildAtlas();
|
|
||||||
|
|
||||||
if (ctx) {
|
|
||||||
ctx.globalAlpha = 1.0;
|
|
||||||
ctx.fillStyle = isDarkMode ? "rgb(10, 10, 12)" : "rgb(250, 250, 252)";
|
|
||||||
ctx.fillRect(0, 0, width, height);
|
|
||||||
}
|
|
||||||
} else if (type === "MOUSE_MOVE") {
|
|
||||||
if (engine) engine.update_mouse(payload.x, payload.y);
|
|
||||||
} else if (type === "DRAW_START") {
|
|
||||||
if (engine) {
|
|
||||||
engine.set_drawing(true);
|
|
||||||
engine.trigger_glitch(payload.x, payload.y);
|
|
||||||
}
|
|
||||||
} else if (type === "DRAW_END") {
|
|
||||||
if (engine) engine.set_drawing(false);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function render() {
|
|
||||||
engine.tick();
|
|
||||||
|
|
||||||
// 1. Фон
|
|
||||||
ctx.globalAlpha = 1.0;
|
|
||||||
ctx.fillStyle = isDarkMode
|
|
||||||
? "rgba(10, 10, 12, 0.2)"
|
|
||||||
: "rgba(250, 250, 252, 0.2)";
|
|
||||||
ctx.fillRect(0, 0, width, height);
|
|
||||||
|
|
||||||
// 2. Читаем память Wasm и рисуем Задний план
|
|
||||||
const bgLen = engine.bg_len();
|
|
||||||
if (bgLen > 0) {
|
|
||||||
const bgData = new Float32Array(wasm.memory.buffer, engine.bg_ptr(), bgLen);
|
|
||||||
const bgF = fontSize * 0.6;
|
|
||||||
for (let i = 0; i < bgLen; i += 4) {
|
|
||||||
ctx.globalAlpha = bgData[i + 3];
|
|
||||||
ctx.drawImage(
|
|
||||||
atlasCanvas,
|
|
||||||
bgData[i + 2] * fontSize,
|
|
||||||
0,
|
|
||||||
fontSize,
|
|
||||||
fontSize,
|
|
||||||
bgData[i],
|
|
||||||
bgData[i + 1],
|
|
||||||
bgF,
|
|
||||||
bgF,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. Читаем память Wasm и рисуем Передний план
|
|
||||||
const fgLen = engine.fg_len();
|
|
||||||
const fgData = new Float32Array(wasm.memory.buffer, engine.fg_ptr(), fgLen);
|
|
||||||
for (let i = 0; i < fgLen; i += 5) {
|
|
||||||
ctx.globalAlpha = fgData[i + 4];
|
|
||||||
ctx.drawImage(
|
|
||||||
atlasCanvas,
|
|
||||||
fgData[i + 2] * fontSize,
|
|
||||||
fgData[i + 3] * fontSize,
|
|
||||||
fontSize,
|
|
||||||
fontSize,
|
|
||||||
fgData[i],
|
|
||||||
fgData[i + 1],
|
|
||||||
fontSize,
|
|
||||||
fontSize,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 4. Глитчи
|
|
||||||
const glLen = engine.glitch_len();
|
|
||||||
if (glLen > 0) {
|
|
||||||
ctx.globalAlpha = 1.0;
|
|
||||||
const glData = new Float32Array(
|
|
||||||
wasm.memory.buffer,
|
|
||||||
engine.glitch_ptr(),
|
|
||||||
glLen,
|
|
||||||
);
|
|
||||||
for (let i = 0; i < glLen; i += 5) {
|
|
||||||
ctx.fillStyle = getGlitchColor(glData[i + 4]);
|
|
||||||
ctx.fillRect(glData[i], glData[i + 1], glData[i + 2], glData[i + 3]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 5. След мыши
|
|
||||||
const gsLen = engine.glass_len();
|
|
||||||
if (gsLen > 0) {
|
|
||||||
const gsData = new Float32Array(
|
|
||||||
wasm.memory.buffer,
|
|
||||||
engine.glass_ptr(),
|
|
||||||
gsLen,
|
|
||||||
);
|
|
||||||
for (let i = 0; i < gsLen; i += 4) {
|
|
||||||
ctx.globalAlpha = gsData[i + 3];
|
|
||||||
ctx.drawImage(
|
|
||||||
atlasCanvas,
|
|
||||||
gsData[i + 2] * fontSize,
|
|
||||||
0,
|
|
||||||
fontSize,
|
|
||||||
fontSize,
|
|
||||||
gsData[i],
|
|
||||||
gsData[i + 1],
|
|
||||||
fontSize,
|
|
||||||
fontSize,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
requestAnimationFrame(render);
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user