求助：在Ruffle中运行多.swf资源Flash游戏加载失败问题

问题背景 #

我正在恢复2010年的老网站，用Ruffle运行站内的Flash游戏。单SWF文件的游戏已适配完成，但一款依赖assets.swf、characters.swf等多SWF资源的游戏，主文件game.swf卡在加载阶段，控制台抛出Error #1009（空对象引用访问playBtn属性）。尝试过预加载资源、参考Wayback Machine中的旧官网代码均未解决，找到可正常运行该游戏的网站但无法理解其实现逻辑，寻求解决办法。

可行的排查修复方向 #

1. 核对资源路径与加载顺序 #

• 确保所有依赖SWF（assets.swf、characters.swf等）与game.swf处于同一目录，或在Ruffle初始化时明确指定资源基准路径。Ruffle对相对路径的解析与原生Flash Player存在差异，避免使用绝对路径或跨目录引用。
• 强制等待所有依赖资源加载完成后再启动主SWF，模拟原生Flash的加载逻辑，可通过Ruffle初始化参数实现：

  const ruffle = window.RufflePlayer.newest();
  const player = ruffle.createPlayer();
  player.load({
    url: "game.swf",
    parameters: {
      "flashVars": "assetPath=./" // 传递资源根路径给主SWF
    },
    base: "./" // 设置Ruffle加载资源的基准路径
  });
  document.getElementById("ruffle-container").appendChild(player);
  

2. 修复SWF内部的空引用问题 #

• 使用JPEXS Free Flash Decompiler等反编译工具打开game.swf，定位抛出Error #1009的代码段。通常是playBtn元素未等待依赖资源加载完成就被初始化，需添加资源加载完成监听，确保UI元素创建后再访问其属性：

  // 原错误代码（直接访问未初始化的playBtn）
  playBtn.addEventListener(MouseEvent.CLICK, onPlayClick);
  
  // 修改后：等待资源加载完成再初始化UI
  var assetsLoader:Loader = new Loader();
  assetsLoader.load(new URLRequest("assets.swf"));
  assetsLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onAssetsLoaded);
  
  function onAssetsLoaded(e:Event):void {
    playBtn = e.target.content.playBtn;
    playBtn.addEventListener(MouseEvent.CLICK, onPlayClick);
  }
  

• 将修改后的代码重新编译为SWF文件，替换原文件后测试。

3. 调整Ruffle的兼容性配置 #

• 开启Ruffle的legacy模式，模拟旧版Flash Player的行为，解决兼容性差异：

  window.RufflePlayer.config = {
    "legacy": true
  };
  

• 放开Ruffle的沙箱限制，允许SWF自由加载资源：

  player.load({
    url: "game.swf",
    allowNetworking: "all",
    allowScriptAccess: "always"
  });
  

4. 参考可运行网站的加载逻辑 #

• 打开可正常运行该游戏的网站，按F12打开开发者工具，查看网络请求记录，记录所有依赖资源的加载顺序、路径及参数。对比自身页面，确保资源请求方式、路径与正常网站一致。
• 复制正常网站的Ruffle初始化关键配置，替换到自身页面中测试。

内容的提问来源于stack exchange，提问作者Julio Rafael