Как зациклить функцию в цикле while

@may123 · Регистрация: 28.04.2017

Студворк — интернет-сервис помощи студентам

Хочу чтобы функции getRandom и draw находились внутри цикла while
или для каждой отдельный

В моих попытках получалось что переменная var Random = getRandom (1, 4); получала ошибку

is getRandom a not different .

Как правильно сделать цикл??

**************************************** **************************************

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

Добавлено через 42 минуты
всё разобрался

@may123 · 06.08.2018, 20:27 **[ТС]**

Нужно чтобы function getRandom () генерировал вариант цвета куба затем,

function draw () отрисовывал падение куба сгенерированного цвета и всё начиналось заново.

У меня получилось реализовать это только с помощью

setTimeout ( function () {

location.reload();

}, 2000);

Как лучше это реализовать, чтобы не перезапускать страницу

**************************************** ******

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
var cvs = document.getElementById('canvas');
var ctx = cvs.getContext('2d');
 
 
var cubeY = new Image();
var cubeG = new Image();
var cubeB = new Image();
var cube1 = new Image();
 
// Позиция
var xPos = 20;
var yPos = 20;
var grav = 5;
var w = 120;
var h = 120;
var i = 0;
cubeY.src = "CubeY.gif";
cubeG.src = "CubeG.gif";
cubeB.src = "CubeB.gif";
 
 
 
 
 
    
    //var Random = getRandom (1, 4);
    
    
 
var Random = getRandom (1, 4);
function getRandom (min, max){
    
 
    
return Math.floor(Math.random() * (max - min)) + min;   } // генерирует число
console.log(Random);
    
    
 
    
 
 
if (Random == 1) { cube = cubeY; console.log('Куб = CubeY'); }
if (Random == 2) { cube = cubeG; console.log('Куб = CubeG'); }
if (Random == 3) { cube = cubeB; console.log('Куб = CubeB'); }
 
 
 
 
 
 
function draw(){ 
    
    
    ctx.clearRect(0, 0, cvs.width, cvs.height); // очищает от предидущего Image
    
    
    ctx.drawImage(cube, xPos, yPos, w, h ); // x,y,w,h рисует обект
    
    yPos += grav;
    //yPos = yPos > cvs.height? 20 : yPos + grav; // зацикливает
    requestAnimationFrame(draw);
    
    
} 
    
cubeY.onload = draw;
    
setTimeout ( function () {  
 
location.reload();
 
}, 2000);

@diadiavova · 06.08.2018, 22:51

may123, я примерно переделал, не знаю, будет ли работать прямо в таком виде, но, думаю смысл понятен, так что там уже доделаешь сам, если что.

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

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .