raster drawing NO SVG v1
this is the drawing program for raster drawing implmentation
by Nick Hulea
HTML
<script src="http://cdn.eyahuska.com/paper.js"></script>
<canvas resize="true" id="canvas-1" style="width:100%;"></canvas>
<script type="text/paperscript" canvas="canvas-1">
var b, d, g, c, r, i, v, n, brush;
var ebd = null;
var iArray = {};
var dArray = [],
rArray = {},
rasterArray = [],
topGroup = new Group(),
mousePath = null;
var rastera = new Raster({
source: 'http://cdn.eyahuska.com/six.jpg',
// position: view.center,
size: view.bounds
});
rastera.on('load', function() {
loaded = true;
onResize();
});
var rasterb = new Raster({
source: 'http://cdn.eyahuska.com/six.jpg',
position: view.center,
size: view.bounds
});
rasterb.on('load', function() {
loaded = true;
onResize();
});
var brush_origin = new Path.Circle({
radius: 50,
strokeColor: 'red',
strokeWeight: 10
});
tool.fixedDistance = 120;
function onMouseMove(event) {
brush_origin.position = event.point;
}
function onMouseDown(event) {
brush = brush_origin.clone();
//normal array of all paths on canvas sweet!
dArray.push(brush);
//console.log(dArray);
//
//associative array of all paths on canvas sweet!
rArray[brush.id] = 0;
//console.log(rArray);
//
brush.position = event.point;
mousePath = topGroup.children[0];
addBrushStroke();
}
function onMouseDrag(event) {
r = new Raster();
r.source = 'http://cdn.eyahuska.com/one.jpg';
r.position = view.bounds;
rasterArray.push(r);
r.on('load', function() {
loaded = true;
onResize();
});
topGroup.addChild(r);
topGroup.insertChild(0, new Path());
topGroup.clipped = true;
if (!mousePath) return;
brush.position =...