Пятница, 07.02.2025, 02:39 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js

Подобие ромба

<!DOCTYPE html>
<html>
<body onload="setInterval('myfunc1()', 10)">

<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">
</canvas>

<script>
var xObj = 0;
var yObj = 145;
var speedX = 1;
var speedY = 1;
function myfunc1(){
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillRect(xObj, yObj, 10, 10);
xObj+=speedX;
yObj+=speedY;

if (yObj>(canvas.height))
{
speedY = -speedY;
}

if (xObj>(canvas.width))
{
speedX = -speedX;
}

if (yObj<0){
speedY = -speedY;

}

if (xObj < 0){
speedX = -speedX;
ctx.fillStyle ="#"+((1<<24)*Math.random()|0).toString(16);
}

}
</script>

</body>
</html>

Категория: Js | Добавил: moskov (13.04.2020)
Просмотров: 182 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Категории раздела

PHP [41]
C++ [71]
Autoit [118]
Processing [105]
Basic4GL [7]
Fasm [2]
PABC [7]
Js [240]
Gentee [1]
Python [213]
Java android [3]
Small Basic [9]

Мини-чат

Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН
  • Поиск