graphico 0.0.4 → 0.0.5

package/dist/canvas.js

@@ -61,7 +61,7 @@ var Canvas = /** @class */ (function () {
         // Create canvas layers
         for (var i = 0; i < this.config.numLayers; i++) {
             var canvas = document.createElement('canvas');
-            var graphics = canvas.getContext('2d', { 'willReadFrequently': this.config.acceleration === 'software' });
+            var graphics = canvas.getContext('2d');
             if (graphics) {
                 this.graphics.push(graphics);
             }
@@ -170,16 +170,11 @@ var Canvas = /** @class */ (function () {
      */
     Canvas.prototype.animate = function (time) {
         var _this = this;
-        var _a;
         var currentFrame = time;
         var dt = currentFrame - this.lastFrame;
         this.lastFrame = currentFrame;
         this.log('animate', dt, currentFrame);
-        var drawables = (_a = this.config.loop(dt)) !== null && _a !== void 0 ? _a : [];
-        for (var _i = 0, drawables_1 = drawables; _i < drawables_1.length; _i++) {
-            var drawable = drawables_1[_i];
-            this.draw(drawable);
-        }
+        this.config.loop(dt);
         this.animation = requestAnimationFrame(function (time) { return _this.animate(time); });
     };
     /**
@@ -205,37 +200,6 @@ var Canvas = /** @class */ (function () {
     Canvas.prototype.getMousePosition = function () {
         return [this.mouseX, this.mouseY];
     };
-    /**
-     * Get the color of the selected pixel.
-     * @param x The pixel's x-coordinate
-     * @param y The pixel's y-coordinate
-     * @param layer The zero-indexed layer to get data from
-     * @returns `[red, green, blue, alpha]`
-     */
-    Canvas.prototype.getPixel = function (x, y, layer) {
-        if (layer === void 0) { layer = 0; }
-        var data = this.graphics[layer].getImageData(x, y, 1, 1).data;
-        this.log(this.graphics[layer].getImageData(x, y, 2, 2));
-        ;
-        return [data[0], data[1], data[2], data[3]];
-    };
-    /**
-     * Set the color of the selected pixel.
-     * @param x The pixel's x-coordinate
-     * @param y The pixel's y-coordinate
-     * @param color `[red, green, blue, alpha]`
-     * @param layer The zero-indexed layer to set data to
-     */
-    Canvas.prototype.setPixel = function (x, y, color, layer) {
-        if (layer === void 0) { layer = 0; }
-        var data = this.graphics[layer].getImageData(x, y, 1, 1);
-        data.data[0] = color[0];
-        data.data[1] = color[1];
-        data.data[2] = color[2];
-        data.data[3] = color[3];
-        this.log(data);
-        this.graphics[layer].putImageData(data, x, y);
-    };
     /**
      * Take a screenshot of the canvas contents and save to a .png file.
      * @param name The file name of the screenshot
@@ -329,7 +293,6 @@ var Canvas = /** @class */ (function () {
         borderBlur: 'transparent',
         showMouse: true,
         numLayers: 1,
-        acceleration: 'hardware',
         keydown: function () { return; },
         keyup: function () { return; },
         mousemove: function () { return; },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphico",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Canvas 2D rendering toolkit for games and visual projects",
   "homepage": "https://npm.nicfv.com/",
   "bin": "",

package/types/canvas.d.ts

@@ -80,22 +80,6 @@ export declare class Canvas {
      * @returns Cursor position as `[x, y]`
      */
     getMousePosition(): [number, number];
-    /**
-     * Get the color of the selected pixel.
-     * @param x The pixel's x-coordinate
-     * @param y The pixel's y-coordinate
-     * @param layer The zero-indexed layer to get data from
-     * @returns `[red, green, blue, alpha]`
-     */
-    getPixel(x: number, y: number, layer?: number): [number, number, number, number];
-    /**
-     * Set the color of the selected pixel.
-     * @param x The pixel's x-coordinate
-     * @param y The pixel's y-coordinate
-     * @param color `[red, green, blue, alpha]`
-     * @param layer The zero-indexed layer to set data to
-     */
-    setPixel(x: number, y: number, color: [number, number, number, number], layer?: number): void;
     /**
      * Take a screenshot of the canvas contents and save to a .png file.
      * @param name The file name of the screenshot
@@ -165,12 +149,6 @@ export interface Options {
      * The number of layers in this canvas
      */
     readonly numLayers: number;
-    /**
-     * Uses hardware (GPU) or software (CPU) acceleration
-     * - For pixel manipulation, software acceleration is recommended
-     * - Otherwise, hardware acceleration is recommended (default)
-     */
-    readonly acceleration: 'hardware' | 'software';
     /**
      * Event listener for when a key is pressed
      * @param key The key that was pressed
@@ -202,7 +180,7 @@ export interface Options {
      * @param dt The number of milliseconds in between frames
      * @returns An array of `Drawable` to render on layer 0, or void
      */
-    readonly loop: (dt: number) => Drawable[] | (void | never);
+    readonly loop: (dt: number) => void;
 }
 /**
  * Represents an object that can be drawn on the canvas.