Some background:
I am making a raycaster, well… was making. But I decided to change it up a bit. I started off going on creating the ray caster and decided it would be so much easier to just display an icon and stretch/skew it instead of just moving around a bunch of pixels.
My question is:
How can I scale/stretch/skew a sprite from a sprite sheet with javascript?
I basically am wanting to get a 16px by 16px image from a sprite image, and position it, scale it, turn it, and skew it with javascript. How should I go about doing that?
If this helps, I was thinking about connecting three versions of that image to give it the impression of a 3D block moving around in a 3D space without actually using 3D.
You can do it with CSS3 transform. Or use a hidden canvas element, apply a transformation and then drawn it to the main canvas.