Make rotated images horizontaly oriented and canvas responsiveness

Can someone help me with this code pen? I am trying to find a way to keep the images oriented horizontaly and not this radial situation. Also i am having issues making the elements inside this canvas responsive to fit on a mobile screen, i know how to make this canvas responsive but that doesn’t change the size of the elements (images) inside.

Hi,

Instead of using the rotate() function, you can just set the x and y position of your image with simple trigonometry:

x = r * cos(angle);
y = r * sin(angle);

Where r is the distance of your image from the center :slight_smile:

This way they won’t rotate on themselves

2 Likes

Yeah this is way better, thanks