Как повернуть каждое изображение в массиве
у меня задаётся массив с изображениями. Как можно повернуть каждый элемент массива используя rotate?
|
Retro_1477,
циклом присвоить нужный класс. |
for (var i = 0; i < 8; i++) {
game.cat.state[1][i] = new Image();
game.cat.state[2][i] = new Image();
game.cat.state[1][i].src = 'assets/sprites/cat0/run/left/Run(' + i + ').png';
game.cat.state[2][i].src = game.cat.state[1][i].src;
}
|
Retro_1477,
:-? |
я просто не знаю куда вставить rotate
|
Retro_1477,
<style type="text/css">
img.rotate{
transform: rotate(90deg);
}
</style>
<script>
for (var i = 0; i < 8; i++) {
game.cat.state[1][i] = new Image();
game.cat.state[2][i] = new Image();
game.cat.state[1][i].src = 'assets/sprites/cat0/run/left/Run(' + i + ').png';
game.cat.state[2][i].src = game.cat.state[1][i].src;
game.cat.state[1][i].classList.add('rotate');
game.cat.state[2][i].classList.add('rotate');
}
</script>
|
Retro_1477,
или так
for (var i = 0; i < 8; i++) {
game.cat.state[1][i] = new Image();
game.cat.state[2][i] = new Image();
game.cat.state[1][i].src = 'assets/sprites/cat0/run/left/Run(' + i + ').png';
game.cat.state[2][i].src = game.cat.state[1][i].src;
game.cat.state[1][i].style.transform = 'rotate(90deg)';
game.cat.state[2][i].style.transform = 'rotate(90deg)';
}
|
Я так же пробовал делать, не получается. Суть в том, что я подгружаю кадры анимации бега вправо и влево, но мне хочется сделать, чтобы я подгружал только один стек анимаций, а второй просто зеркально повернуть.
Вот код рендера персонажа: ctx.drawImage(game.cat.state[game.cat.anim0][game.cat.anim1], game.cat.x, game.cat.y, game.cat.width, game.cat.height); |
Retro_1477,
не могу помочь, но на всякий случай transform: scaleX(-1); |
окей, спасибо за старания)
|
| Часовой пояс GMT +3, время: 17:48. |