-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimage.js
24 lines (21 loc) · 981 Bytes
/
image.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
const image = new Image(); // Ñîçäàíèå îáúåêòà èçîáðàæåíèÿ
image.onload = function () { // Ñîõðàíåíèå ññûëêè íà ôóíêöèþ
setInterval(move, 1); // Ñîçäàíèå èíòåðâàëà â 100 ìñåê äëÿ
//çàïóñêà move
};
let x = 10; // Êîîðäèíàòà x èçîáðàæåíèÿ
let velocity = 1;
function move() { // Ôóíêöèÿ, âûçûâàåìàÿ ïî òàéìåðó
checkVelocity(x);
x += velocity;
ctx.clearRect(0, 0, canvas.width, canvas.height); // Î÷èñòèòü õîëñò
ctx.drawImage(image, x, 10, 80, 80); // Ïðîðèñîâêà èçîáðàæåíèÿ
}
function checkVelocity(x) {
if(x < 200 && velocity > 0)
return;
if(x > 0 && velocity < 0)
return;
velocity = -velocity;
}
image.src = 'https://images.duckduckgo.com/iu/?u=http%3A%2F%2Fimages2.fanpop.com%2Fimages%2Fphotos%2F8300000%2FSmile-Wallpaper-keep-smiling-8317565-1024-768.jpg&f=1';