Who says C2 doesn't support skewing sprites?

http://blogs.msdn.com/b/mcsuksoldev/archive/2011/07/06/html5-javascript-reflections-and-skew-effects.aspx

http://dl.dropbox.com/u/5426011/examples16/streetfighter.capx

From this post

shinkan it was awesome experiment but hard to implement, this sprite has more than 64 frames were splitted.

I'm pretty sure there is a mode 7 effect or plugin.

Joannesalfa@

shinkan it was awesome experiment but hard to implement, this sprite has more than 64 frames were splitted.

sqiddster@

I'm pretty sure there is a mode 7 effect or plugin.

Heres a simplified version...using Mode7 plugin-

<img src="https://dl.dropbox.com/u/22173473/Rollingbsplash.png" border="0">

DEMO

CAPX

chrisbrobs sqiddster Good one! does mode7 effect apply horizontal skew and perspective?

The link you posted looks like it works by issuing a separate draw call for each line of pixels in the image. This will totally destroy performance, since a single skewed object which is 400 pixels wide will take as long to render as 400 sprites.

Ashley

Would you explain why C2 doesn't support skiwing sprites like Construct Classic does?

It's quite a complicated feature (since it ought to skew the collision mask as well and affects the bounding box which is used everywhere in the engine), and it's not possible to do it in a performant way in the canvas2D renderer. You could probably use a WebGL shader to do it if you really need it, but it won't affect the bounding box or collision mask.

Ashley - While having it skew the collision mask would be nice as an option, I don't think it's necessary - besides, I can imagine many situations where I wouldn't want it to do so, as it could use CPU time better suited elsewhere, since some of the collision polygons could become quite complicated to generate and as such possibly hit performance for a collision mask the developer might not even want to use (I suppose, come to think of it, if it was something like the collision polys were only built if a collision check was done on the object, that would be cool). As I recall, CC didn't have correct collisions on distorted sprites either, but it was still a great feature regardless.

Or another thought - what if it just used the polygons already generated by the distortion grid itself? It would be less accurate, but quicker to generate - although that could result in quite a lot of polygons to check for collisions with.

Well, neither skew nor distortion grids can really work in the canvas2D renderer. I'm already a little surprised to see how little WebGL shaders seem to be used, even when there are good fallback options, which seems to be mainly because they aren't supported everywhere yet. So I'm hesitant to add complicated new features which won't run everywhere.

chrisbrobs sqiddster Good one! does mode7 effect apply horizontal skew and perspective?

You need to check with Rojohound with regards to skew...etc

Still trying to work out what the plugs parameters actually do.

Well, neither skew nor distortion grids can really work in the canvas2D renderer. I'm already a little surprised to see how little WebGL shaders seem to be used, even when there are good fallback options, which seems to be mainly because they aren't supported everywhere yet. So I'm hesitant to add complicated new features which won't run everywhere.

Maybe now that IOS 8 will support it?

I've been searching for a "simple" skew for the past 4 days and not really any good solutions. Could we start with that? it would enable a lot of pseudo 3d tricks, like card flip, or perspective. And ultimately tricks like this:

http://animateyourhtml5.appspot.com/pres/#9