4

我经营一个电子贺卡网站，目前大约一半的内容由使用 Flash 制作的动画组成。通常情人节是该网站非常繁忙的时间，但今年我发现虽然我的网站流量相同，但与去年相比，今年发送的电子贺卡数量不到四分之一。

查看网络访问统计数据，我发现今年使用移动设备的访问者数量不到一半，这就解释了为什么访问量较低，因为闪存不适用于移动设备和平板电脑。

我曾经使用过很多来自 levitated.net、bit-101.com 和 wonderfl.net 之类的开源闪存。

我现在意识到我需要开始学习使用例如画布的 HTML5 动画。

我想知道是否有人可能知道任何有用的资源是一个很好的起点？

另外，有没有人知道任何可以用来生成有趣动画的好的库/框架/开源内容？我发现http://jsdo.it/看起来不错。

我愿意花时间学习东西，但是当我使用 Flash 和 Actionscript 时，能够使用其他人编写的代码作为起点并使其适应我的需求真是太好了，因为 ActionScript 是光年领先于我能做的任何事情，因为我不是真正的程序员。

非常感谢任何建议。

谢谢

4

6 回答 6

1

从以下资源开始：

以下图形库可用于创建出色的图形和动画：

  • 拉斐尔
  • jsDraw2D
  • 道场
  • KineticJS

欢迎编辑！

于 2014-02-17T07:04:54.367 回答
0

作为一名 10 年的 Flash 开发人员，大部分时间都在使用 Actionscript 3。我发现 Microsoft TypeScript 以及使用 Phaser.io 和 PixiJS 基本上让我能够继续我的技能。

自 2 月以来，我们已经将 4 款 Flash 游戏移植到 HTML5，每次老板说“我不敢相信这是 HTML 而不是 Flash”。

就我而言，我使用与 Flash 中相同的设计模式和相同的显示列表知识编写代码。

Visual Studio + TypeScript 使用起来非常愉快，以至于当我需要启动 Eclipse 时我会畏缩不前。最后，我的 TypeScript 的输出是非常干净的 JS。您可以中途放弃该项目并继续使用 JS 输出，因此使用 TypeScript 的选择仅适用于我......为了我的需要，为了我的易用性和我的理智。

于 2014-08-10T12:28:39.850 回答
0

这里有一些不错的 html5 js 库：

于 2014-02-17T07:15:46.673 回答
0

我推荐FabricJS，它真的很强大！

于 2014-02-17T07:17:14.980 回答
0

如果您想从普通画布开始，那么http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/很好地涵盖了基础知识。http://diveintohtml5.info/canvas.html也不错，更深入一点。

然后，如果你想在它之上使用一个库来让事情变得更容易，我总是推荐三个 HTML Canvas 库：

  • KineticJS : 成熟的，优秀的 API，几乎可以做任何事情，但它只能渲染到 Canvas。
  • Two.js：不成熟（还不支持图像和文本），但与渲染无关，这意味着您可以选择是否要将图像或动画绘制到 Canvas、SVG 或 WebGL。
  • Pixi.js：速度，速度，速度。它非常快，但不如 KineticJS 成熟（但仅在某些方面）。它可以绘制到 Canvas 和 WebGL。

它们都是非常通用的，但 Pixi.js 已被游戏社区更多地接受，并且有充分的理由。

有关更多 Canvas 库的比较，请参阅：https ://docs.google.com/spreadsheet/ccc?key=0Aqj_mVmuz3Y8dHNhUVFDYlRaaXlyX0xYSTVnalV5ZlE#gid=0

于 2014-02-17T07:38:18.483 回答
0

您可以使用任何编译为 HTML5/JavaScript 的工具，包括 Flash：

http://www.openfl.org

如果您习惯在 AS3.0/Flash 中工作，您不妨继续这样做 :)

于 2014-08-10T19:39:25.420 回答