VPF::анимация на canvas - Форум программистов

hatalsky

Дата 14.9.2010, 09:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 22.6.2009

Репутация: нет
Всего: нет

Код


function Elevator(x,y,sx,sy,color,context) {
    this.x = x;
    this.y = y;
    this.sx = sx;
    this.sy = sy;
    this.color = color;
    this.context = context;
};
Elevator.prototype.show = function() {
    this.context.clearRect(0,0,500,500);
    this.context.fillStyle = this.color;
    this.context.fillRect(this.x,this.y,this.sx,this.sy);
    return 0;
};
Elevator.prototype.animation_up = function() {
    if (this.y - 100 >= 0) {
        for (var i = 0; i < 100; i++) {
            this.y = this.y - 1;
            //-------------------
            this.show();
        };
        return 0;
    };
    this.show();
    return 0;
};

в js я новичёк.
нужно сделать анимацию на canvas
код рабочий, просто не анимирует перемещение
как я прочитал, никаких аналогов sleep() в js нет, выходит нужно применить как-то settimeout/setinterval, но я никак не могу придумать как
мб кто-нить подскажет, или предложит как реализовать анимацию по-другому.
заранее спасибо