Documentation
Piskel
Quick usage
Applejack Pixel Template. Bring back those childhood memories when honesty still meant a lot. This Applejack pixel art can sure go a long way in reminding you of those old days gone. 18+ FREE PRINT Templates - Download Now Microsoft Word (DOC), Adobe Photoshop (PSD), Adobe InDesign (INDD & IDML), Apple (MAC) Pages, Microsoft Publisher, Adobe. Convert your photo into pixelart. PixelMe is better on the app Open the PixelMe app to get the more features! Free online editor. Animated sprites. Create animations in your browser. Important notice: Piskel accounts are going away, the editor stays. New accounts can no longer be created after August 1st 2021. Pix Brix Pixel Art Puzzle Bricks Bundle – 4,500 Piece Pixel Art Kit, Mixed 32 Color Palette (Light, Medium, Dark) – Interlocking Building Bricks, Create 2D and 3D Builds – Stem Toys, Ages 6 Plus. 4.6 out of 5 stars. Pixel Art is a great coloring game for kids that you can play online and for free on Silvergames.com. Just choose an image, like a cute reindeer, a unicorn, a mountain or even the great Van Gogh, and start coloring them however you want. Each color has a number, so your task is to use the colors on the pixels with the same number on them.
To use the quick default configuration you need an element from where to draw the image and canvas element with the id pixelitcanvas. Then load the pixelit.js script and apply it on an image.
Options
You can pass some options when creating the instance (you can alter them later using the api methods).
API
You can chain all methods together, beware that the order they are applied can change the final result.
Applying first the color palette and then the greyscale can give a slightlity different image.
.draw() draw to canvas from image source and resizes if max height or max width is reached
.hideFromImg() hides the from image element, is applied on object creation
.setDrawFrom(elem) elem to get the image to pixelate
.setDrawTo(elem) canvas elem to draw the image
.setFromImgSource(src) change the src from the image element
Pixel Art Place
.setpalette(arr) sets the color palette to use, takes an array of rgb colors: [[int,int,int]], int from 0 to 255
.setMaxWidth(int) set canvas image maximum width, it can resize the output image, only used when .resizeImage() is applied
.setMaxHeight(int) set canvas image maximum height, it can resize the output image, max height overrides max width, only used when .resizeImage() is applied
.setScale(int) set pixelate scale [0...50]
Pixelart.com
.getpalette() returns array of current palette, can't be chained
Pixel Art Online
.convertGrayscale() converts image to greyscale, apply only after .draw is called
.convertpalette() converts image with the defined color palette, apply only after .draw is called
.resizeImage() resizes the output image if bigger than the defined max Height or max Width
.pixelate() draws a pixelated version of the from image to the to canvas, , apply only after .draw is called
.saveImage() saves/downloads current image