rotation - 在 Flutter 中的 X 上旋转 3D

Question

我一直在使用 Flutter 旋转，

new Matrix4.identity()
..rotateX(度 * 3.1415927/180),

但是，问题是，我希望它类似于下图。我可以使用 Flutter 在 x 轴上实现类似 3D 的旋转吗？

即使存在从 3D 到 2D 的映射或有替代方案那会得到相同的结果。提前致谢。

OpenCV 中的示例图像:How to calculate perspective transform for OpenCV from rotation angles?

Answer 1

感谢 this discussion , 和 this repo ，经过一天多的寻找答案，

static Matrix4 _pmat(num pv) {
    return new Matrix4(
      1.0, 0.0, 0.0, 0.0, //
      0.0, 1.0, 0.0, 0.0, //
      0.0, 0.0, 1.0, pv * 0.001, //
      0.0, 0.0, 0.0, 1.0,
    );
}

Matrix4 perspective = _pmat(1.0);


// then use it

new Center(
      child: new Transform(
        child: new FittedBox(
          fit: BoxFit.fill,
          child: LogoWidget(),
        ),
        alignment: FractionalOffset.center,
        transform: perspective.scaled(1.0, 1.0, 1.0)
          ..rotateX(math.pi - degrees * math.pi / 180)
          ..rotateY(0.0)
          ..rotateZ(0.0)
      ),
    );

这是结果图片

请阅读 little theory关于这个话题。