nanjizal / pi_xy

π - x y

pi_xy provides pixel image manipulation on the CPU using Haxe.

// Haxe javascript example 

import pi_xy.Pixelimage;
import htmlHelper.canvas.CanvasSetup;
import htmlHelper.canvas.Surface;

function main(){
    var canvasSetup = new CanvasSetup();
    var surface = canvasSetup.surface; 
    /*  possible image structures 
        BYTES_INT  - Bytes 
        ARRAY_INT  - Array<Int>
        U32_ARR    - UInt32Array
        VECTOR_INT - Vector<Int>
    */
    Pixelimage.defaultType = BYTES_INT;
    var image = new Pixelimage( 1024*4, 768*4 );
    image.transparent = true;
    image.gradientShape.triangle( 100, 900,  0xFFFF0000
                                , 300, 1200, 0xFF00FF00
                                , 500, 1000, 0xFF0000FF );
    image.jsCanvas.to( surface.me, 0, 0 );
}

XML nodes can be used although may need more thought.

// Haxe C++/sys example

import pi_xy.Pixelshape;
import pi_xy.formats.Format;
import pi_xy.triangleGML.TriangleGML;

function main(){ 
    var image = new Pixelimage( 1024*3, 768*3 );
    image.transparent = true;
    var parser = new TriangleGML( image );
    parser.addShape( aGrid, 10, 0 );
    image.PNG.to( 'grid.png' );
}

var aGrid = 
'<LineGridShape
    left = "100"  top = "100"
    width = "2048" height = "1536"
    delta = "100" deltaH = "100"
    strokeColor="0xfF003300" strokeWidth="3">
</LineGridShape>';

Features

• Alpha blending or overdraw ( transparency = false ) allowing composition
• Image skew, scale and rotations, barycentric UV mapping allows fairly reasonable quality ( image.transform.flippedX() )
• Soft edge lines and gradient lines
• Arc, pie, ellipse, polygon
• Curves and SVG data paths
• Pattern shapes, use of an array of bool to define a simple image texture.
• Rounded rectangles
• Arrows including tapering and double arrows
• Ve multiple color edges
• convolution filter support

Old 'pixelimage' links.

samples wip >

demo showUsed >

demo bin >

haxe dox