Cazicanvas 1.1

in canvas •  7 years ago 

cazicanvas 1.1.png

I'm introducing the new Cazicanvas 1.1 which has a new feature.
By calling the function iterateLine, given 2 points, you will get all the points between them without leaving empty spaces. This can be used for custom brushes and PixelArt editors.

I give you an example

cx.iterateLine(100, 100, 150, 175, function(x, y) {
    cx.fillCircle(x, y, 5);
})

This example will draw a circle of a radius of 5 in every pixel between x1, y1 and x2, y2.

The result...
You_re_gonna_carry_that_wheight_.png

I know the result is very simple, but if you tune up the scale:

var scale = 0.1;
cx.iterateLine(100 * scale, 100 * scale, 150 * scale, 175 * scale, function(x, y) {
    cx.fillRect(x / scale, y / scale, 10, 10);
})

You_re_gonna_carry_that_wheight_.png

This makes more sense, but still you will need to be more creative to find better ways to use it.

Happy Graphics!

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

:o oraleeee gamacanvas cazique de la era de graficonocimientoo!

El nombre es una tontería, lo sé, lo importante es lo que la extensión hace.