Processingjs Canvas öğesinde bir Ön yükleyici uygulama

Question

Bir processingjs tuval öğesi için bir ön yükleyiciyi nasıl uygularsınız?

İki durum - varlıklar yüklendi, ancak js hala görünümü hesaplıyor/görüntülüyor; varlıklar,

P.S. Birisi processingjs etiketini yaratıyor! rep lt 1500 ile kullanıcılar, bu çok eski pasajı bir geri arama denir tüm görüntüleri yükledikten sonra. klasör param düşük ya highres resimler yüklemek için kullanıldı, size yardımcı olur

Answer 1

olabilir henüz o :(yapamaz.

pics = { 
    'Trans100' : "trans100.png", 
    'Trans101' : "trans101.png", 
    'TransPanel' : "transPanel.png" 
} 

function oAttrs(o) { var a, out = ""; for (a in o){ out += a + " ";} return trim(out);} 

function imageLoader(pics, folder, onready){ 
    this.nextPic = 0; 
    this.pics  = pics; 
    this.folder = folder; 
    this.names = oAttrs(pics).split(" "); 
    this.onReady = onready; 
    this.loadNext(); 
} 

    imageLoader.prototype.loadNext = function(){ 
    if (this.nextPic === this.names.length) { 
     this.onReady(); 
    } else { 
     this.loadImage(this.pics[this.names[this.nextPic]]); 
    } 
    }; 

    imageLoader.prototype.loadImage = function (file){ 
    this.nextPic += 1; 
    var pic  = new Image(); 
    pic.onload = this.loadNext.bind(this); 
    pic.onerror = function(){console.error("ERROR: " + file);}; 
    pic.src  = this.folder + file; 
    }; 


// example: 

new imageLoader(pics, "images", function(){ 
    console.log("Images loaded"); 
})