Отрисовка объектов друг за другом в цикле, не стирая предыдущие.

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

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

Есть часть кода. цикл в function S_render() отрисовывает массив объектов. Я задал смещение через переменю которая изменяется в другом циклке.

Всё работает но я хотел чтобы объекты отрисовывались друг за другом , у меня предыдущие объекты исчезают хотя нет очистки канваса.

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
var coll  = 0;
 
 
function Start (){
        
    
    
if( coll < 5 ) {    
    
    S_update();
    S_render();
    requestAnimationFrame(Start); }
 
else if ( timer%50==0) ready() ;
    
 
}// Start
 
 
function S_update () {
    
timer++;    
    
if( timer%50==0){
 
coll++;
        
var Random = Math.round(Math.random()*10);
 
if(Random < 4)               color = cubeG;     
if(Random > 3 && Random <8)  color = cubeR;     
if(Random > 7)               color = cubeY; 
    
    
    console.log(color); 
variant1.push({ x:0,color }); } 
    
    
}
 
 
 
function S_render(){
    
ctx.drawImage(ren, 0, 0, 600, 700 );                                        
 
 
 
    
for(j in variant1){
    variant1[j].x = coll * 20;
    
    ctx.drawImage(variant1[j].color, variant1[j].x, 50, 40,40);}    
    
}

@Mr_Sergo · 27.08.2018, 23:22

may123,

В функции Start(), в конце вызывается функция ready() --- где она?
Переменные timer, variant1, color --- нигде не объявлены!
Дальше смысла нет смотреть и думать что у вас там не работает.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	27.08.2018, 23:22
	may123, В функции Start(), в конце вызывается функция ready() --- где она? Переменные timer, variant1, color --- нигде не объявлены! Дальше смысла нет смотреть и думать что у вас там не работает. 0