Показать сообщение отдельно
  #1 (permalink)  
Старый 29.04.2020, 20:12
Интересующийся
Отправить личное сообщение для Toban Посмотреть профиль Найти все сообщения от Toban
 
Регистрация: 25.03.2020
Сообщений: 11

Перемещение в указанном направлении
Помогите кто может.
Нужно чтобы стрелка двигалась в указанном направлении.
Если нажать на "Q" или "E" стрелка будет вращаться соответственно влево или вправо. Как сделать чтобы она двигалась в указанном направлении.
<div>
<img src="https://inkscape.paint-net.ru/img/img02/1020037.png" id="Image" style="height: 50px;
width: 50px;">
</div>
<script>
window.onload = function() {

let body = document.getElementById('Image');
let angle=0

function runOnKeys(func, ...codes) {
let pressed = new Set();
document.addEventListener('keydown', function(event) {
pressed.add(event.code);
for (let code of codes) { // все ли клавиши из набора нажаты?
if (!pressed.has(code)) {return;}
}
pressed.clear();
func();
});
document.addEventListener('keyup', function(event) {
pressed.delete(event.code);
});
}

function RotateRight()
{
angle++;
body.style.transform= "rotate(" + angle + "deg)";	
}

function RotateLeft()
{
angle--;
body.style.transform= "rotate(" + angle + "deg)";	
}

runOnKeys(RotateRight,"KeyE");
runOnKeys(RotateLeft,"KeyQ");

}</script>

Последний раз редактировалось Toban, 29.04.2020 в 20:20.
Ответить с цитированием