Displaying 1 to 20 from 38 results

triangle - Convert images to computer generated art using delaunay triangulation.

  •    Go

Triangle is a tool to create image arts using the delaunay triangulation technique. It takes an image as input and it converts to abstract image composed of tiles of triangles. The library can be installed via Homebrew too or by downloading the binary file from the releases folder.

fitty - ✨ Makes text fit perfectly

  •    Javascript

Scales up (or down) text so it fits perfectly to its parent container. Ideal for flexible and responsive websites.

postcss-pxtorem - Convert pixel units to rem (root em) units using PostCSS

  •    Javascript

A plugin for PostCSS that generates rem units from pixel units. Pixels are the easiest unit to use (opinion). The only issue with them is that they don't let browsers change the default font size of 16. This script converts every px value to a rem from the properties you choose to allow the browser to set the font size.




Pixelate - Simple Android library to pixelate images or certain areas of an image.

  •    Java

Simple Android library to pixelate images or certain areas of an image. Simply instantiate Pixelate, give it a bitmap and set the density. This will pixelate your whole image.

jQuery-Pixel-Related-Object-Selection

  •    JQuery

Gives ability to make accurate hover and clicks on transparent images. Only non-transparent pixels will trigger the hover / click event. This script is not only working with images, but also with background-images. If applied on an image it will use the src path, else it will test if data-img or background-image exists and use those instead.

BlendMode-jQuery-Plugin

  •    JQuery

This plugin will process a given HTML5 canvas or image element using one of the offered Blend-Modes by the Blend-Layer parameter.


pixelcounter - Count the pixels in all the images in a folder

  •    Javascript

start(directory, formats, showProgress, onEnd): Will start the process of counting pixels in a certain directory.First of all... download dependencies.

three-png-stream - streams ThreeJS render target pixel data

  •    Javascript

Streams a PNG encoded pixels from a ThreeJS WebGLRenderTarget. This is done in chunks of gl.readPixels, using gl-pixel-stream, and works with render targets upwards of 10000x10000 pixels in Chrome (or more, depending on your GPU).The following transparent PNG image was generated with ThreeJS on the client side using the example/ code. See Running from Source for details.

canvas-pixels - Grab the pixels from a canvas' context, be it 2D or 3D, and return them in an array.

  •    Javascript

Grab the pixels from a canvas' context, be it 2D or 3D, and return them in an array.Returns context's pixels in an array – with a 2D context, this will be a Uint8ClampedArray, and a webgl context will return a Uint8Array.

ndarray-pixel-sort - A JS implementation of Kim Asendorf's pixel sort glitch technique using ndarrays

  •    Javascript

A JS implementation of Kim Asendorf's pixel sort glitch technique using ndarrays.Works in the browser using browserify, or server-side with Node.

save-pixels - Saves an ndarray as an image

  •    Javascript

Saves an ndarray to an image.Returns A stream that you can pipe to serialize the result, or a canvas element if the type is "canvas".

get-pixels - Reads an image into an ndarray

  •    Javascript

Given a URL/path, grab all the pixels in an image and return the result as an ndarray. Written in 100% JavaScript, works both in browserify and in node.js and has no external native dependencies.Reads all the pixels from url into an ndarray.

get-image-pixels - Gets the RGBA pixel array from an Image/Video/Canvas source

  •    Javascript

Uses an intermediary canvas node to grab the RGBA pixels of the given source, with an optional clipping region. Works on HTML Canvas, Image, and Video elements.Gets the RGBA pixels from HTML Image/Video/Canvas element as a Uint8Array with some optional parameters.

8bit - 🎮 Transform images into pixelated artwork

  •    Javascript

8Bit is a javascript module that converts an image into a pixelated version using canvas. You can find a demo here.

image-juggler - Juggle pixel data between different web containers, like <img>, <canvas>, ImageData, File, ArrayBuffer, Blob, Array, etc

  •    Javascript

The web has some nice image-processing capabilities, but the APIs are wildly inconsistent. Plus, some third party libraries want a canvas, others want an image. And if you need to read an image in, you need to know the intimacies of the File and Blob APIs. Accept an image File via an <input> tag, and append it to the document as an Image.

pixel-art - generate pixel art programatically

  •    Javascript

generate pixel art programatically

pixel-editor - It edits pixels

  •    CoffeeScript

The editor will send a postMessage to its parent window when "Save" is clicked. One thing to note is that this is pointing to the latest version of https://danielx.net/pixel-editor/ so it might break out from under you. You'd probably want to host a stable version of the editor on your own service after you get it working if you care about that kind of thing.