Анимация

Слайд 2

Покадровая анимация

Покадровая анимация

Слайд 3

while(true) {
alert("Уже приехали?");
}

while(true) { alert("Уже приехали?"); }

Слайд 4

function secondPassed() {
alert("прошла секунда!")
}
setTimeout(secondPassed, 1000);

function secondPassed() { alert("прошла секунда!") } setTimeout(secondPassed, 1000);

Слайд 5

Как заставить его срабатывать вечно?

Как заставить его срабатывать вечно?

Слайд 7

var CANVAS_WIDTH = 480; function start() {
var canvas = document.getElementById("canvas");
var ctx

var CANVAS_WIDTH = 480; function start() { var canvas = document.getElementById("canvas"); var
= canvas.getContext('2d');
var x = 0;
function animateRectangle() {
ctx.fillRect(x, 10, 10, 10);
x = x + 1;
if (x > CANVAS_WIDTH) {
x = 0;
}
setTimeout(animateRectangle, 5);
}
//animate with setTimeout
animateRectangle();
}
start();

Слайд 9

Зачем чистить кадр?

ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);

Зачем чистить кадр? ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);

Слайд 10

var CANVAS_WIDTH = 480;
var CANVAS_HEIGHT = 320;
function start() {
var canvas =

var CANVAS_WIDTH = 480; var CANVAS_HEIGHT = 320; function start() { var
document.getElementById("canvas");
var ctx = canvas.getContext('2d');
var x = 0;
function animateRectangle() {
ctx.clearRect(0,0, CANVAS_WIDTH, CANVAS_HEIGHT);
ctx.fillRect(x, 10, 10, 10);
x = x + 1;
if (x > CANVAS_WIDTH) {
x = 0;
}
setTimeout(animateRectangle, 5);
}
//animate with setTimeout
animateRectangle();
}
start();
Имя файла: Анимация.pptx
Количество просмотров: 30
Количество скачиваний: 0