[ Foro de Javascript ]

no salen 2 elementos en mi pagina

hola tengo un problema, no puedo colocar 2 elementos en la pagina que estoi haciendo (no me aparece ni la vaca ni el cerdo... =/  )

var vp = document.getElementById("villaplatzi");
var papel = vp.getContext("2d");
var mapa = "tile (2).png";

var fondo = new Image();
fondo.src = mapa;
fondo.addEventListener("load", dibujar);

var vaca = new Image();
vaca.src = "vaca.png";
vaca.addEventListener("load", dibujarVaca);

var pollo = new Image();
pollo.src = "pollo.png";
pollo.addEventListener("load", dibujarPollo);

var cerdo = new Image();
cerdo.src = "cerdo.png";
cerdo.addEventListener("load", dibujarCerdo);

function dibujar()
{
 papel.drawImage(fondo, 0, 0);
}
function dibujarVaca()
{
 papel.drawImage(vaca, 10, 10);
}
function dibujarPollo()
{
 papel.drawImage(pollo, 10, 300);
}
function dibujarCerdo()
{
 papel.drawImage(cerdo, 300, 150);
}
function aleatorio(min, maxi)
{
 var resultado;
 resultado = Math.floor(Math.random() * (maxi - min + 1)) + min;
 return resultado;
}