Can I convert an Image to an Array of Bits?

[lilsheep]

Is this possible? I have been messing around with Pixi for a few minutes as well as googling and haven't been able to figure that out.

 

(For the sake of collision detection btdubs)

[xerver]

I recommend against using pixel-perfect collision detection, it is rarely needed.

 

That being said you can extract the pixels of an image using the canvas api:

// assume "img" is your image elementvar canvas = document.getElementById('mycanvas');var ctx = canvas.getContext('2d');canvas.width = img.width;canvas.height = img.height;ctx.drawImage(img, 0, 0, img.width, img.height);var pixelData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;

That will return a Float32Array of the pixels in the format [R,G,B,A, R,G,B,A, ...]