{"repo":"igorski/zCanvas","free":true,"listed":false,"github":"https://github.com/igorski/zCanvas","clone":"git clone https://github.com/igorski/zCanvas.git","description":"JavaScript library for interacting with HTMLCanvasElement \"content\" by exposing it as separately animatable, interactive objects. Mobile friendly and useful as a lightweight game rendering engine.","language":"TypeScript","stars":34,"topics":["javascript-library","rendering","renderer","game","engine","blitter","game-engine","game-engine-2d","webgame","typescript"],"license":"MIT","category":"game-templates","readme_excerpt":"zCanvas A lightweight JavaScript library for interacting with HTML Canvas \"drawables\" as if they were separately animatable, interactive objects. zCanvas is optimized for mobile devices, relying on optimal use of resources and works well with touch events; as such zCanvas can be an excellent resource for creating (mobile) browser based games. It is however also equally useful for creating complex graphical interfaces. zCanvas is written in TypeScript, has no dependencies and works independently from (and thus works with ) any other JavaScript framework. Why use zCanvas ? zCanvas sure isn't the first JS Canvas rendering library, so to summarize: it weighs a mere 15K gZipped uses Worker based rendering to free up CPU for your application on the main thread loads image files from File / Blob / string (URL, Blob URL, base64 encoding) / HTMLImageElement / HTMLCanvasElement / ImageData / ImageBitmap sources takes care of HDPI scaling and distortion-free stretching to present well on mobile screens provides an abstraction layer close to - but with in-built optimizations for handling - CanvasRenderingContext2D API draw calls. # Live Demos You can view some basic features in the down-and-dirty demos here. Note these demos were written in vanilla JavaScript without the use of any libraries (other than a transpiled version of zCanvas). You can have a peek at the source to see what's going on. Game demos Demo #1: Spritesheets, gameloops and fast collision detection Demo #2: Pixel-perfect","default_branch":null,"files":null,"tree":[],"storefront":"/r/igorski","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/igorski/zCanvas/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}