preload images for raster drawing

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:...