Re: [css3-transforms] translate() vs. translate3d()

Hi Chris,

people always ask for use cases. This site:
http://www.drawastickman.com/index.htm lets you draw a shape and you can
tell that they're scaling/skewing the path points to create the animation.
I know these transformations are not as 'good' as true 3d perspective
transforms, but they are much easier to understand for the average person.

Rik

On Fri, Feb 10, 2012 at 7:25 PM, Rik Cabanier <cabanier@gmail.com> wrote:

> Yes,
> scaleOrientation seems complex, but you could always hide that complexity
> in a tool.
>
> Flash has a rotateX, rotateY and rotateZ that map to skewX/Y/Z in the
> application that just rotate the element around an axis. Designers very
> often uses this to mimic a 3D transform without actually having to know
> about perspective, projection, etc. (My son's game system is using this
> effect in many animations)
> It would be nice if there was a way to somehow express it in CSS/SVG...
>
> Rik
>
>
> On Fri, Feb 10, 2012 at 4:56 PM, Chris Marrin <cmarrin@apple.com> wrote:
>
>>
>> On Feb 10, 2012, at 4:37 PM, Rik Cabanier wrote:
>>
>> > Hi Chris,
>> >
>> > I agree that's a much better way of doing skew. It also avoid the
>> discontinuity that you see if skew approaches 90deg.
>> >
>> > I've asked for this in the past but people didn't like it since it
>> didn't match SVG. Maybe we could give it a different name...
>>
>> Maybe, but I'm not sure more API is the way to go. I really wish we could
>> get rid of skew to be honest. I think it's too difficult to get your head
>> around a 2 dimensional skew, much less 3 dimensional! I hate to invoke it's
>> name, but in VRML we had the notion of a scaleOrientation, which was an
>> axis/angle 3D rotation that you would use to set the orientation of the
>> scale application. It gave a really intuitive way of "skewing" an object in
>> 3 dimensions. Maybe that's too much of a change here, and it would more of
>> a divergence from SVG. But I think it would be more intuitive for authors.
>>
>> -----
>> ~Chris
>> cmarrin@apple.com
>>
>>
>>
>>
>>
>