html - 如何使用 OpenFL 将一个简单的 Flash 项目 "convert"转换为 HTML5

Question

我必须将一些 flash 项目“转换”为 HTML5/JS，但我真的不知道该怎么做 :(

这个 Flash 项目是像这样的小“事件”: https://www.brainpop.com/artsandmusic/artconcepts/cameras/activity/#=standard

我对此做了一些研究，但我有点迷路了......

我发现其他人也问同样的问题，很多回答都是使用 Haxe/OpenFL 和 as3hx ( https://github.com/HaxeFoundation/as3hx )，但我真的不明白如何继续...

是否可以使用 openfl-swf 加载 .swf 文件来创建类似的 .html 文件？我应该使用 as3hx 将 AS3 转换为 Haxe3 吗？有没有一种简单的方法可以在没有任何交互的情况下只获得此事件的图形渲染，以便我可以手动添加输入文本字段？

我以前从未使用过 ActionScript 或 Haxe。

如果有人有任何建议，我会很高兴听到:)

我希望我的解释清楚，英语不是我的第一语言，如有任何错误，请原谅。

干杯!

Answer 1

as3hx 只会将 as3 代码转换为 haxe openfl，并且可能需要手动调整。为了使代码更灵活，请尝试避免扩展 Sprite，然后可能会更容易在更多 webgl 加速的 haxe 解决方案(如 Kha 和 Luxe)中使用您的事件逻辑。

您可能需要将代码和屏幕布局完全分开。要在 openfl 中运行主要是图形的 fla swf，您需要使用 haxelib https://github.com/openfl/swf ，它可能会非常繁琐地访问不同的子项或框架，并且渐变并不完美，请记住在使用它时它与通常访问子项不同，您使用的结构有点不同。

或者，您可能会发现 flump 很有用，它可以与 openflump 一起使用。 https://github.com/SavedByZero/openflump从闪存 IDE 导出。它将大量图形转换为嵌套结构中的 png 序列，可能值得您自己重建文本字段。

Openfl js 可能会很慢我建议你在提交解决方案之前做一些测试，因为 Kha 或 Luxe 可能会为你提供比 flash 仿真 api 解决方案更现代的图形着色器方法，但是你所有的 Assets 在很大程度上都需要图片。

我怀疑是否有任何理想的方法，但是在 Haxe 中获取逻辑确实是个好主意，因为这样您就可以执行 C++、C#、JS 等。如果您选择 OpenFL，第一步可能是尝试仅移植部分您的代码到 haxe，然后在您当前的项目中将它们用作 swc 这将允许您在尝试在 html haxe 中执行相同操作之前，逐步检查您的转换并在 haxe flash 方法中轻松修复问题。您可能会发现 swf 库不是 html5 的理想选择，而 png 是可行的方法，Animate 现在提供了我在 starling as3 中使用的导出 png 序列。另一种要考虑的方法是 Animate 的 away3d 插件，它可以将 flash 时间轴转换为 typescript away3d (2D)，您可以使用 javascript 代码控制它(如果您删除一些特定于 flash 的 haxe 并将其调整为使用 away3d 2d，但我想它可能非常复杂)。