imgur api paper working random image with drawing no shadow private
by Nick Hulea
HTML
<script src="http://cdn.eyahuska.com/paper-full.min.js"></script>
<canvas resize="true" width="1280" height="720" id="mycanvas"></canvas>
<script type="text/paperscript" canvas="mycanvas">
project.currentStyle = {
fillColor: 'black'
};
var r;
var path;
var preloadAmount = 2;
var cache = [];
var imgurarray = [];
var raster;
var imagesrc;
var autoShowNext = false;
var vid = false;
var imgur;
var rArray = [];
var loaded = false;
var background = new Raster({
source: 'http://i.imgur.com/2qyTkVp.jpg',
position: view.center,
size: view.bounds
});
background.on('load', function() {
loaded = true;
onResize();
});
var raster = new Raster({
source: 'http://i.imgur.com/MzWvRKa.jpg',
position: view.center,
size: view.bounds
});
raster.on('load', function() {
loaded = true;
onResize();
});
path = new Path.Circle({
fillColor: 'white',
shadowColor: new Color(255, 255, 0),
shadowBlur: 12,
});
g = new Group([path, raster]);
g.clipped = true;
var carryLength = 0;
function onMouseMove(event) {
if (!loaded) return;
var step = event.delta;
step.angle = step.angle + 90;
stepReci = step.normalize() * 500 * (1 / step.length);
var top = event.middlePoint + stepReci;
var bottom = event.middlePoint - stepReci;
carryLength = carryLength + step.length;
if (carryLength > stepReci.length) {
path.add(top);
path.insert(0, bottom);
path.smooth();
path.shadowColor = new Color(255, 255, 0);
path.shadowBlur = 12;
carryLength = 0;
}
}
function onMouseDown(event) {
if (!loaded) return;
init();
path.position = event.point;
}
function init() {
if (cache.length) {
var img...