update engine

Author: luizbills

public/about.html

@@ -359,10 +359,6 @@ <h2><a id="settings">Game Configuration</a></h2>
 // can pass a number to determine a maximum scale.
 settings.autoscale = true
 
-// If `true`, the pixel art images won't look blurry.
-// Also, disables canvas built-in antialias.
-settings.pixelart = true
-
 // exposes all methods and properties (see below)
 // in the global scope
 settings.global = true
@@ -466,12 +462,13 @@ <h2><a id="drawing">Functions for Drawing</a></h2>
  */
 
 // draw a image
-image(x, y, image: Image|HTMLCanvasElement): void
+image(x, y, image: Image|ImageBitmap): void
+
+// draw a sprite pixel by pixel from a string (the 5th argument)
+// see: https://github.com/litecanvas/game-engine/blob/main/samples/pixelart/pixelart.js#L50
+spr(x, y, width, heigth, pixels): void
 
 // create an OffscreenCanvas and draw on it to make an image
-// data can be a array of strings (to draw pixel art)
-// see: https://github.com/litecanvas/game-engine/blob/main/samples/pixelart/pixelart.js
-// or data can be a function with drawing operations
 // see: https://github.com/litecanvas/game-engine/blob/main/samples/paint/paint.js
 // the options are:
 //   * scale?: default is 1.
@@ -687,6 +684,10 @@ <h2><a id="engine-api">Engine API</a></h2>
 // example: pal() resets the default color palette
 pal(colors: string[]): void
 
+// Swaps two colors of the current palette
+// example: pal(0, 3) // now the color #0 is white and the color #3 is black
+palc(a: number, b: number): void
+
 // Loads a plugin.
 // see: https://github.com/litecanvas/game-engine/blob/main/samples/plugin-basics/plugin-basics.js
 use(callback): void
@@ -859,9 +860,9 @@ <h2><a id="tools">Useful tools</a></h2>
       </ul>
     </main>
 
-    <footer>
+    <!-- <footer>
       <a class="visitors-counter" href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Flitecanvas.js.org%2Fabout.html&count_bg=%2363C64D&title_bg=%236A7799&icon=&icon_color=%23E7E7E7&title=Visitors&edge_flat=false"/></a>
-    </footer>
+    </footer> -->
 
     <script src="prism/prism.js"></script>
     <script src="prism/prism-typescript.js"></script>

public/index.html

@@ -131,46 +131,6 @@ <h1>Litecanvas</h1>
           />
         </svg>
       </button>
-      <button
-        type="button"
-        id="copy"
-        title="Copy the code"
-        aria-label="Copy the code"
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          width="24"
-          height="24"
-          stroke-width="1.5"
-          stroke="currentColor"
-        >
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"
-          />
-        </svg>
-      </button>
-      <a
-        id="gh"
-        title="Github"
-        aria-label="Github"
-        href="https://github.com/litecanvas"
-        target="_blank"
-        rel="nofollow noopener"
-      >
-        <svg
-          role="img"
-          width="24"
-          height="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-          />
-        </svg>
-      </a>
       <button
         type="button"
         id="screenshot"