闪转Html5Canvas：慢速矢量图

Flash to Html5 Canvas: slow vector graphics

我是一名 Flash 开发人员，过去开发过很多游戏。现在我要将它们（如果可能的话）转换为 HTML5/CreateJS.

我使用 Flash CC 中内置的 CreateJS 工具包来转换我的游戏。转换后的游戏在我的桌面上运行良好，但在我试过的任何移动设备上运行速度不可接受。

如何让它在移动设备上运行？这是我迁移到 html5.

的主要目标

我知道在 cjs 中使用 SpriteSheetBuilder 并将矢量图形预渲染到位图精灵的选项 sheet。但这里的问题是我在那个矢量对象中有很多时间线，我无法用 spritesheets 来控制它。我想在 createjs 的每个 Tick 上控制每个时间轴。你会怎么做？

现在，在谷歌搜索了很长时间后，我发现大部分问题都是通过将 Flash 资源导出到 SpriteSheet 来解决的。

我的游戏有更多的角色细节化和 spritesheet 不适合我的情况。有没有人 运行 遇到和我一样的问题？请指教

您可以在 Flash 中尝试并避免一些有助于提高性能的事情

  1. 渐变非常昂贵。谨慎使用它们。
  2. 口罩可能很贵。谨慎使用它们，尤其是在内容中使用渐变时。
  3. 动画蒙版导出为单独的帧，会使导出的内容膨胀 JavaScript。这也可能导致内存问题，因为导出的代码必须预先实例化所有内容。
  4. 您可以在静态资源上使用 cacheAsBitmap（带有时间线的剪辑将仅限于缓存第一帧）。对此要非常小心，因为大项目会占用大量内存。资产以创建时的大小缓存，因此创建大的东西并在时间轴上按比例缩小意味着您拥有大缓存。此技术非常适用于不变的小剪辑。

重要的是要知道舞台上的所有内容都是预先实例化的 - 因此极长的时间线和大量资产可能无法很好地转化为 HTML。

希望对您有所帮助。性能没有灵丹妙药 - 但记住这些事情会有所帮助。