p5js. Управление спрайтом.
Рабочий пример управления спрайтом на p5js... Все лучше чем Дивы контролить. Хотя p5 и не для игр особенно на скатина так сильно упрощает жизнь, но не физики, ни коллизий, ни вообще никаких приколюх для игр нет. Просто сахар для канвы.
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script><body style="margin: 0px;">
<script> let img,p1left=1,p1top=1
function setup() { createCanvas(window.innerWidth, window.innerHeight); img = loadImage('s1.png'); }
function draw() { background(220); image(img,p1left,p1top) if (keyIsDown(LEFT_ARROW)) p1left— if (keyIsDown(RIGHT_ARROW)) p1left++ if (keyIsDown(UP_ARROW)) p1top— if (keyIsDown(DOWN_ARROW)) p1top++ }
</script>
</body>
Но контрол спрайта очень плавный и приятный.. хотя это не спрайт конечно а просто картинка. От спрайта там ничего нет. Понятия спрайт в p5js нет.