JavaScript Oyun TürüMismatchError

Question

HTML/JavaScript ile oyun yapıyorum. Oyun MineCraft gibi olacak, ama 2D. Çalışmayan kod, blokları oluşturmak içindir. Tüm değişkenler ayarlandı, ancak size verdiğim kodda gösterilmiyor. Bu kod çalışma, ama şimdi değil

for(var key in blocks){ 
    context.drawImage(blocks[key].img, blocks[key].x, blocks[key].y, size, size); 
    if(collision(blocks[key], player)) context.fillText("COLLISION", 200, 20); 
} 

TypeMismatchError context.drawImage yönteme geçirilen ilk bağımsız yanlış olduğunda görünebilir context.drawImage(blocks[key].img, blocks[key].x, blocks[key].y, size, size);

Answer 1

Bu yanlıştır. Yalnızca Görüntü nesneleri, tuval veya video öğeleri ilk parametre olarak iletilebilir.

Görüntünüzün, drawImage kullanarak tuval üzerine çizmeden önce yüklendiğinden emin olun. Aşağıdaki örnekte img.grass.onload yöntemine dikkat edin. Görüntü varlığının çizim için kullanılabilir olmasını sağlar:

var img = {}; 
img.grass = new Image(); 
img.grass.src = "grass.jpg"; 
img.grass.onload = function() { 
    for (i = 0; i < 10; i++){ 
    for (j = 0; j < 10; j++){ 
     context.drawImage(img.grass, j*50, i*50, 50, 50); 
    } 
    } 
}