Flutter - 如何沿 Y 轴旋转 3D 对象？

Question

所以它是一个 360 度旋转的 3D 对象。 我想要的是它应该沿 Y 轴旋转，而不是沿 X 轴旋转。此外，当前锚点位于屏幕中心（宇航员的脚）。我想把它改成对象的中心。

class _HomePageState extends State<HomePage>
with SingleTickerProviderStateMixin {
late Object astronaut;
late final AnimationController _controller;
@override
void initState() {
_controller = AnimationController(
  vsync: this,
  duration: Duration(seconds: 10),
)..repeat();
astronaut = Object(fileName: 'assets/mercedes/Astronaut.obj');
super.initState();
}

void dispose() {
 _controller.dispose();

 super.dispose();
}

@override
Widget build(BuildContext context) {
 return Scaffold(
  backgroundColor: Colors.black,
  appBar: AppBar(
    title: Text('3D Demo'),
    backgroundColor: Colors.black,
  ),
  // body:

  body: Center(
    child: AnimatedBuilder(
      animation: _controller,
      builder: (_, child) {
        return Transform.rotate(
          angle: _controller.value * 2 * math.pi,
          child: child,
        );
      },
      child: Cube(
        onSceneCreated: (Scene scene) {
          scene.world.add(astronaut);
          scene.camera.zoom = 10;
         },
       ),
     ),
   ),
 );
 }
}

Answer 1

以下是旋转 x 轴、y 轴和 z 轴的方法。

return Transform(
            transform: Matrix4.identity()
              ..setEntry(3, 2, 0.01)
              ..rotateX(
                math.pi * 0 * _Controller.value, //change 0 to any value to rotate x Axis
              )
              ..rotateY(
                math.pi * 2 * _Controller.value,
              )
              ..rotateZ(
                math.pi * 0 * _Controller.value, //change 0 to any value to rotate z Axis
              ),
            child: child,
            
          );