Pixel Art
Documentation
Pixel Art Color By Number
Quick usage
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
Pix2d - Pixel Art Studio. Pix2d (Pixel Art Studio) is powerful and easy to use tool for anyone, who want to make pixel perfect art. Optimized for pen and touch input devices. Perfectly fit for making pixel art, game graphics and animating. Easy Gameplay: Just paint the colors in pixel blocks of the same numbers, and you’ll have a piece of super cool pixel artwork! Multifarious Art: Characters, Mandalas, Patterns, Animals, Birds, Flowers, Places, Food and many others. Skill Development: Watch your timelapse video at the end. Enjoy intuitive design and smooth performance of Pixel. Drawing pixel art is easier than ever while using Pixilart Easily create sprites and other retro style images with this drawing application Pixilart is an online pixel drawing application and social platform for creative minds who want to venture into the world of art, games, and programming. Pixel Art 3D There’s lots of art projects for you to work on in Pixel Art 3D. You can create virtual masterpieces featuring food, animals, and lots more! Each one uses a retro style that looks like something you’d find in a Nintendo or Sega game from the 1980s. Feb 19, 2021 Pixel Studio is a new pixel art editor for artists and game developers. Simple, fast and portable. No matter whether you are a beginner or a professional. Create amazing pixel art anywhere and anytime! We support layers and animations and have a ton of useful tools - all you need to create cool projects. Use Google Drive to sync your work.
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
.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
Pixel Art Minecraft
.setScale(int) set pixelate scale [0...50]
.getpalette() returns array of current palette, can't be chained
.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
Pixel Art Ideas
.saveImage() saves/downloads current image