使用 HTML5 掀起波澜

modern-carpentry 的 Thomas Saunders 做了一个非常棒的 HTML5 演示,使用 html5 掀起波澜,展示了 CanvasProcessing.js 的强大功能。

现代木工驾驭 HTML5 Canvas 波浪

Thomas 说

我工作中面临一个挑战,需要创造一些“自然漂浮”的东西。在对“自然漂浮”或其他什么的探索中感到困惑了一段时间后,我想到了我需要一个工具来调查我的困惑。这个项目是我尝试构建那个工具的结果。

它最初是作为 Flash/Flex 应用程序构建的,你可以在这里看到。然而,后来我对 HTML5 和 Canvas 标签产生了兴趣,并决定将应用程序移植到 JavaScript 和 HTML(在 jQuery 和 Processing.js 的帮助下,当然……)。转换进行得相当顺利,我最终得到了一个 JS/HTML 版本的应用程序,我实际上认为它比最初的 Flash 版本更酷。

最后,我既找到了“自然漂浮”的东西,也偶然发现了只使用 HTML 和 JavaScript 工作的简单性,这非常有益。

关于 Gen Kanai

您好,您正在阅读 Gen Kanai 的 Mozilla 博客。我在 Mozilla 组织中担任两个角色。我帮助支持亚洲的业务发展,并且是 Mozilla 日本的市场营销和合作伙伴关系总监。

更多 Gen Kanai 的文章……


3 条评论

  1. […] 来自使用该工具完成的创作。因此,我很感兴趣地看到 Gen 发布了关于使用 html5 和 Processing.js 来探索平滑波形的酷炫用途。我想让我的学生注意它,因为它 […]

    2009 年 10 月 16 日 06:33

  2. […] https://hacks.mozilla.ac.cn/2009/10/making-waves-with-html5/ 几秒钟前来自网络 […]

    2009 年 10 月 16 日 17:17

  3. simon

    哇,是正弦波或 C64 和 Atari 的 llamatron 东西。只是希望我有时间学习一些现代编码——我的青春去哪了哈哈。

    2010 年 2 月 9 日 15:24

本文评论已关闭。