tela.js 1.2.5 → 1.2.6

package/README.md

@@ -151,7 +151,8 @@ You can find more examples of usage in:
 - Serialize meshes not only triangles
 - Optimize data serialization in parallel ray tracer
 - Refactor geometric objects to have shader function
-- Refactor parallel raytracing to parallel canvas map
+- Refactor parallel raytracing to be just parallel canvas map
+- Add Phong shading to raster graphics
 - Read glb and gltf files
 
 - Add lorentz attractors demo

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tela.js",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "author": "Pedroth",
   "repository": {
     "type": "git",
@@ -8,8 +8,7 @@
   },
   "module": "./src/index.js",
   "files": [
-    "src/",
-    "dist/"
+    "src/"
   ],
   "dependencies": {
     "@kmamal/sdl": "^0.10.2",

package/src/Color/Color.js

@@ -100,14 +100,16 @@ export default class Color {
     return Color.ofRGB(r(), r(), r());
   }
 
-  static RED = Color.ofRGB(1, 0, 0);
-  static GREEN = Color.ofRGB(0, 1, 0);
-  static BLUE = Color.ofRGB(0, 0, 1);
   static BLACK = Color.ofRGB(0, 0, 0);
+  static BLUE = Color.ofRGB(0, 0, 1);
+  static GREEN = Color.ofRGB(0, 1, 0);
+  static CYAN = Color.ofRGB(0, 1, 1);
+  static RED = Color.ofRGB(1, 0, 0);
+  static PURPLE = Color.ofRGB(0.9, 0, 0.9);
+  static MAGENTA = Color.ofRGB(1, 0, 1);
+  static YELLOW = Color.ofRGB(1, 1, 0);
+  static ORANGE = Color.ofRGB(1, 0.8, 0);
   static WHITE = Color.ofRGB(1, 1, 1);
   static GRAY = Color.ofRGB(0.5, 0.5, 0.5);
   static GREY = Color.ofRGB(0.5, 0.5, 0.5);
-  static PURPLE = Color.ofRGB(1, 0, 1);
-  static YELLOW = Color.ofRGB(1, 1, 0);
-  static CYAN = Color.ofRGB(0, 1, 1);
 }

package/src/Tela/Tela.js

@@ -185,6 +185,18 @@ export default class Tela {
         // end of chatGPT
         ans.width = this.width;
         ans.height = this.height;
+        ans.fill = color => {
+            const n = this.image.length;
+            if (!color) return;
+            for (let k = 0; k < n; k += 4) {
+                this.image[k] = this.image[k] + (color.red - this.image[k]) / it;
+                this.image[k + 1] = this.image[k + 1] + (color.green - this.image[k + 1]) / it;
+                this.image[k + 2] = this.image[k + 2] + (color.blue - this.image[k + 2]) / it;
+                this.image[k + 3] = this.image[k + 3] + (color.alpha - this.image[k + 3]) / it;
+            }
+            if (it < time) it++
+            return this;
+        }
         ans.map = (lambda) => {
             const n = this.image.length;
             const w = this.width;

package/src/Utils/Fonts.js

@@ -14,6 +14,7 @@ try {
     const TELA = await import(IS_NODE ? "../Tela/Image.js" : "../Tela/Canvas.js").then(def => def.default)
     // octaviogood fonts documentation: https://www.shadertoy.com/view/llcXRl
     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`)
     );