preload images for raster drawing WITH IMGUR
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">
function imgurLoad() {
function extractToken(hash) {
var match = hash.match(/access_token=(\w+)/);
return !!match && match[1];
}
var token = extractToken(document.location.hash);
var clientId = 'b144351ffb05838';
var imgur;
var num = Math.floor(Math.random() * 50);
var auth;
if (token) authorization = 'Bearer ' + token;
else authorization = 'Client-ID ' + clientId;
function getData() {
$.ajax({
url: 'https://api.imgur.com/3/gallery/random/random/0',
method: 'GET',
headers: {
Authorization: authorization,
Accept: 'application/json'
},
data: {
image: localStorage.dataBase64,
type: 'base64'
},
success: handleData
});
}
function handleData(result) {
var id = result.data[num].id;
if (result.data[num].animated === false) {
// window.location = 'https://i.imgur.com/' + id + '.jpg';
imgur = 'https://i.imgur.com/' + id + '.jpg';
//$('#img1').text('<img src =' + imgur + '>');
console.log(imgur);
}
}
}
var r;
var path;
var preloadAmount = 3;
var cache = [];
var raster;
var autoShowNext = false;
var imagesArray = [{
source: 'http://lorempixel.com/1920/1080/city/',
position: view.center,
size: view.bounds
}, {
source: 'http://lorempixel.com/1920/1080/sports/',
position: view.center,
size: view.bounds
}, {
source: 'http://lorempixel.com/1920/1080/nature/',
...