没有skew，这个效果无法实现

[Kirin (克克洛斯)]

扑克牌翻转效果
一个正面图层front，size 120170
一个背面图层back，size 120170
上层节点node

动画编辑器中，在node上添加scaleX属性和skewY属性，front和back添加active属性

node的第1帧scaleX为1，skewY为0
node的第9帧scaleX为0.05，skewY为31.5
node的第10帧scaleX为0.05，skewY为-31.5
node的第19帧scaleX为1，skewY为0

back的第9帧active设为false，第10帧设为true
front的第9帧active设为true，第10帧设为false

就能实现扑克由正面翻到背面的效果

如果没有skew，用3D节点的eulerAngles属性，无法实现该效果（帧帧动画，对不起，我没这种想象力，不知道每一帧应该是啥样）

请官方考虑不要去掉skew，谢谢！

[shangdibaozi]

[Kirin (克克洛斯)]

谢谢指导！
这个做静止的节点可以，但如果是动画，补间动画的效果是达不到预期的

[toddlxt]

单独的skewX可以参考我这个帖子用3D节点实现：

@toddlxt

要用3D节点实现skewX=-20，可以这样算得rotationXYZ和scale:

        let k = Math.abs(Math.tan(skewX * Math.PI / 180));
        let angle = Math.acos((Math.sqrt(4 + k * k) - k) / 2) * 180 / Math.PI;
        let scale = 2 / (Math.sqrt(4 + k * k) - k);
        this.node.is3DNode = true;
        this.node.eulerAngles = cc.v3(angle, skewX < 0 ? -angle : angle, 0);
        this.node.scale = scale;

单独的skewY可以把节点旋转90度，中间套一层3D节点用skewX旋转，最外面再套一层旋转-90度。

[chenyu0532 (chenyu)]

不明白去掉skew的好处是啥。。。

[Kirin (克克洛斯)]

谢谢指导！
你是想要我算出每一帧的值，然后在动画编辑器中每帧填入吗？
我就是不想干这事啊……本来简单的事情搞复杂了

[toddlxt]

不是啊，做一个脚本，输入变量是skewY。skewY做成get,set的，set方法里用我上面说的方法计算和调整节点属性就可以了。这样把脚本挂在节点上，就可以输入任意skewY，跟原来的用法一样。也可以在动画编辑器中添加skewY，每个帧设置不同的skewY即可，也是跟原来的用法一样。

[Kirin (克克洛斯)]

好吧，其实我就是想一句代码都不写的情况下，在动画编辑器里就把这效果搞定，同时也不想用帧帧动画
希望不要去掉skew

[2231710103 (BraveBun)]

可以通过设置 scaleX 为 -1 来实现翻转，和设置 skewX 效果一样

[Kirin (克克洛斯)]

自己没实践别瞎说，谢谢

[shumake13]

所以目前有大大推出skewY的轉換嗎?