Flutter复古游戏机模拟器插件flutter_nes的使用

flutter_nes

flutter_nes 是一个使用 Rust 和 Flutter 构建的 NES 模拟器插件。

开始使用

要开始使用 flutter_nes 插件，请参考以下示例代码。

示例代码

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_nes/flutter_nes.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Builder(builder: (context) {
          return TextButton(
            onPressed: () {
              // 加载游戏ROM文件
              NesRom rom = NesRom.asset("assets/SuperMario.nes");
              // 导航到NES模拟器界面
              Navigator.of(context).push(MaterialPageRoute(builder: (context) => Nes(rom)));
            },
            child: Text("超级玛丽"),
          );
        }),
      ),
    );
  }
}

// 定义NES模拟器界面
class Nes extends StatelessWidget {
  final NesRom rom;
  final FlutterNesController controller = FlutterNesController();

  Nes(this.rom, {Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // 禁用系统UI并设置横屏模式
    SystemChrome.setEnabledSystemUIOverlays([]);
    SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeRight]);
    
    // 获取屏幕尺寸
    var size = MediaQuery.of(context).size;
    
    // 返回包含模拟器界面的Scaffold
    return Scaffold(
      body: SafeArea(
        child: Row(
          children: [
            // 左侧控制栏
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Spacer(),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      // 退出按钮
                      TextButton(
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                          child: Text(
                            "退出",
                            style: TextStyle(color: Colors.red, fontSize: 20),
                          )),
                      SizedBox(width: 50),
                      // 重置按钮
                      FlutterNesButton(
                        controller: controller,
                        button: NesButton.Reset,
                        child: Text(
                          "重置",
                          style: TextStyle(color: Colors.orange, fontSize: 20),
                        ),
                      ),
                    ],
                  ),
                  Spacer(),
                  // 方向键上
                  FlutterNesButton(controller: controller, button: NesButton.Joypad1Up),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      // 方向键左
                      FlutterNesButton(controller: controller, button: NesButton.Joypad1Left),
                      SizedBox(width: 50),
                      // 方向键右
                      FlutterNesButton(controller: controller, button: NesButton.Joypad1Right),
                    ],
                  ),
                  // 方向键下
                  FlutterNesButton(controller: controller, button: NesButton.Joypad1Down),
                  Spacer(),
                ],
              ),
            ),
            // 中间显示游戏画面
            SizedBox(
                width: size.height / 240 * 256,
                child: Center(
                    child: Transform.scale(
                        scale: size.height / 240, child: FlutterNesWidget(rom: rom, controller: controller)))),
            // 右侧控制栏
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Spacer(),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      // 开始/暂停按钮
                      FlutterNesButton(
                        controller: controller,
                        button: NesButton.Start,
                        child: Text(
                          "开始/暂停",
                          style: TextStyle(color: Colors.blue, fontSize: 20),
                        ),
                      ),
                      SizedBox(width: 50),
                      // 选择按钮
                      FlutterNesButton(
                        controller: controller,
                        button: NesButton.Select,
                        child: Text(
                          "选择",
                          style: TextStyle(color: Colors.green, fontSize: 20),
                        ),
                      ),
                    ],
                  ),
                  Spacer(),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      // A键
                      FlutterNesButton(controller: controller, button: NesButton.Joypad1A),
                      SizedBox(width: 50),
                      // B键
                      FlutterNesButton(controller: controller, button: NesButton.Joypad1B),
                    ],
                  ),
                  Spacer(),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

说明

• 导入依赖：确保在 pubspec.yaml 文件中添加了 flutter_nes 依赖。

  dependencies:
    flutter:
      sdk: flutter
    flutter_nes: ^x.x.x # 请替换为最新版本号
  

• 加载ROM文件：通过 NesRom.asset("assets/SuperMario.nes") 加载游戏ROM文件。请确保将 ROM 文件放置在 assets 目录下，并在 pubspec.yaml 文件中配置好资源路径。

  assets:
    - assets/SuperMario.nes