Выручайте, всю голову сломал

Не говнокодте молодой человек.

Код (Javascript):

1. window.onload = function() {
2.    createCanvas();
3. };
4.  
5. function getRandom (min, max){
6.     return Math.floor(Math.random() * (max - min)) + min;
7. } // генерирует число
8.  
9. function draw(){
10.     var cvs = document.getElementById('canvas');
11.     var ctx = cvs.getContext('2d');
12.     var xPos = 20;
13.     var yPos = 20;
14.     var grav = 5;
15.     var w = 120;
16.     var h = 120;
17.     ctx.clearRect(0, 0, cvs.width, cvs.height); // очищает от предидущего Image
18.     ctx.drawImage(cube, xPos, yPos, w, h ); // x,y,w,h рисует обект
19.     yPos += grav;
20.     //yPos = yPos > cvs.height? 20 : yPos + grav; // зацикливает
21.     requestAnimationFrame(draw);
22. }
23.  
24. function createCanvas(){
25.     var cubeY = new Image();
26.     var cubeG = new Image();
27.     var cubeB = new Image();
28.     var cube1 = new Image();
29.  
30.     cubeY.src = "CubeA.gif";
31.     cubeG.src = "CubeG.gif";
32.     cubeB.src = "CubeB.gif";
33.  
34.     for (i=0; i<5; i++){
35.         var Random = getRandom (1, 4);
36.         if (Random == 1) { cube = cubeY; console.log('Куб = CubeY',' / ','Random =', Random); }
37.         if (Random == 2) { cube = cubeG; console.log('Куб = CubeG',' / ','Random =', Random); }
38.         if (Random == 3) { cube = cubeB; console.log('Куб = CubeB',' / ','Random =', Random); }
39.         cube.onload = draw();
40.         console.log(i);
41.     }
42. }

 

Код (Javascript):

1. window.onload = createCanvas; // :)

 

Да там пол кода так сократить можно =)

 

а еще лучше:

Код (Javascript):

1. window.addEventListener('load', createCanvas);

ибо ты вполне можешь захотеть повесить на это событие несколько обработчиков.

 

Я и говорю, при желании можно убавить код в 2 раза:

Код (Javascript):

1. $(window).on('load',  createCanvas);

Только зачем =)

 

У меня все работает=) Какую ошибку пишет у вас?

 

CubeY.gif у вас было, измените) или переименуйте ваш фаил.

 

В данном случае вы вырисовываете все кубы очень быстро и в конце отрисовывается последний.
Вам нужны чтобы отрисовались все возможные кубы и еще и с промежутком какого то времени?

Отрисовывается не первый вариант, а последний. Функция не встает, а выполняется полностью.
И она перерисовывет ваш

Код (Javascript):

1. var cvs = document.getElementById('canvas');

Так что, все отрабатывает. Если вам нужны все кубики то нужно указать куда каждый рисовать. И с какой продолжительностью времени, если это важно конечно =) Вспоминается видео где заказчик просит нарисовать прямую линию в виде котенка))
--- Добавлено ---
Не мог не вставить))