tela.js 1.2.21 → 1.2.23

package/README.md

@@ -148,18 +148,21 @@ You can find more examples of usage in:
 
 # TODOs
 
+- Read glb and gltf files
+- Realtime light maps rendering in raster graphics
 - Serialize meshes not only triangles
 - Optimize data serialization in parallel ray tracer
 - Refactor geometric objects to have shader function
-- Refactor parallel raytracing to be just parallel canvas map
 - Add Phong shading to raster graphics
-- Read glb and gltf files
 
-- Add lorentz attractors demo
-- Add Iterated map fractals demo
 - Add Volumetric fluid sim
+- Add surface water tension sim
 - Megaman rag doll physics
-- Black hole demo
+- Add lorentz attractors demo
+- Add Iterated map fractals demo
+- Quaternion julia sets
+
+- Replicate some demos from https://oimo.io/works
 
 
 [ffmpeg]: https://ffmpeg.org/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tela.js",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "author": "Pedroth",
   "repository": {
     "type": "git",

package/src/Geometry/Mesh.js

@@ -260,7 +260,7 @@ export default class Mesh {
             }
             if (type === "f") {
                 triangulate(spaces.slice(1))
-                    .forEach(triangleIdx => {
+                    ?.forEach(triangleIdx => {
                         faces.push(parseFace(triangleIdx))
                     })
                 continue;

package/src/Tela/README.md

@@ -97,3 +97,12 @@ $$\lfloor \text{index} / CW \rfloor = \lfloor(C(Wx+y)+z) / CW \rfloor$$
 
 $$\lfloor \text{index} / CW \rfloor = x$$
 
+
+In the end we need to put the variables as the first diagram:
+
+$$
+x' = y\\
+y' = H - 1 - x
+
+$$
+

package/src/Tela/Tela.js

@@ -59,8 +59,8 @@ export default class Tela {
 
     mapParallel(lambda, dependencies = []) {
         return {
-            run: (vars = {}) => {
-                const workersPromises = parallelWorkers(this, lambda, dependencies, vars);
+            run: (vars = {}, memory = {}) => {
+                const workersPromises = parallelWorkers(this, lambda, dependencies, vars, memory);
                 return Promise
                     .allSettled(workersPromises)
                     .then(() => {

package/src/Tela/parallel.js

@@ -17,7 +17,7 @@ let isFirstTimeCounter = NUMBER_OF_CORES;
  *                                                                                      */
 //========================================================================================
 
-export function parallelWorkers(tela, lambda, dependencies = [], vars = []) {
+export function parallelWorkers(tela, lambda, dependencies = [], vars = [], memory = {}) {
     // lazy loading workers
     if (WORKERS.length === 0) {
         WORKERS = [...Array(NUMBER_OF_CORES)]
@@ -48,6 +48,7 @@ export function parallelWorkers(tela, lambda, dependencies = [], vars = []) {
                 __startRow: k * ratio,
                 __endRow: Math.min(h, (k + 1) * ratio),
                 __dependencies: dependencies.map(d => d.toString()),
+                __memory: memory,
             };
             worker.postMessage(message);
             if (isFirstTimeCounter > 0 && !IS_NODE) {

package/src/Tela/telaWorker.js

@@ -10,6 +10,7 @@ import Camera from "../Camera/Camera.js";
 import Ray from "../Ray/Ray.js";
 
 const parentPort = IS_NODE ? (await import("node:worker_threads")).parentPort : undefined;
+let memory = {}
 
 async function main(inputs) {
     const {
@@ -20,7 +21,9 @@ async function main(inputs) {
         __startRow,
         __endRow,
         __dependencies,
+        __memory,
     } = inputs;
+    memory = {...memory, ...__memory };
     const bufferSize = __width * (__endRow - __startRow + 1) * CHANNELS;
     const image = new Float32Array(bufferSize);
     let index = 0;
@@ -29,7 +32,7 @@ async function main(inputs) {
     for (let i = __startRow; i < __endRow; i++) {
         for (let x = 0; x < __width; x++) {
             const y = __height - 1 - i;
-            const color = await func(x, y, __vars);
+            const color = await func(x, y, __vars, memory);
             if (!color) continue;
             image[index++] = color.red;
             image[index++] = color.green;

package/src/Utils/Fonts.js

@@ -16,7 +16,8 @@ try {
     fontImage = await or(
         () => TELA.ofUrl(`../src/Utils/sdf_font.png`),
         () => TELA.ofUrl(`./src/Utils/sdf_font.png`),
-        () => TELA.ofUrl(`./node_modules/tela.js/src/Utils/sdf_font.png`)
+        () => TELA.ofUrl(`./node_modules/tela.js/src/Utils/sdf_font.png`),
+        () => TELA.ofUrl(`https://cdn.jsdelivr.net/npm/tela.js/src/Utils/sdf_font.png`)
     );
     fontImageWidth = fontImage.width;
     fontImageHeight = fontImage.height;