BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

P5.js为人们带来了富有创造性的编码方式

| 作者 James Chesters 关注 1 他的粉丝 ,译者 李士窑 关注 0 他的粉丝 发布于 2014年9月3日. 估计阅读时间: 5 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

Lauren McCarthy发布了P5.js的第一个公开测试版,它是一个使艺术家、设计师、教育工作者和初学者等都能够进行编码的JavaScript库。

P5.js由McCarthy和纽约大学ITP以及其他贡献者共同合作开发,它是一个能够处理可视化编程语言的分支,它使非程序开发人员能够编写JavaScript代码和创建可视化项目。

McCarthy在GitHub的P5.js的概述中描述了该库,他说到:

P5.js有完整的一套画图功能,既可当作画图软件使用,也包括支持与各类页面元素交互的库。然而,开发者没有被限制自己的画布上,他们可以把整个浏览器页面作为自己的素描区域。正因为如此,P5.js有一个插件库能够使得开发者非常容易地与其它HTML5对象(包括文本、输入、视频、网络摄像头和声音)进行交互。

虽然P5.js在某些方面有点和Processing相似,不过也有一些主要的不同点。McCarthy在将程序从Processing迁移为P5.js的说明中列举了他们之间的主要不同点:

  • 因为你可能把你的素描不单单当作绘图的画布,故size()方法已经被createcanvas()方法取代,以此说明还可以创建其他元素。
  • frameRate(num)方法用来设置帧速率,但是帧速率变量参数已经废弃,要想获得当前的帧的速率,请在调用frameRate()方法不传入参数。
  • JavaScript并不总是需要同步加载所需文件,有以下几个选项可以处理这样的需求:
    • 所有的加载方法接收一个可选的回调参数,即一个文件被完全加载后被 调用的函数。
    • 或者,开发者可以把加载的调用处理放在预加载方法preload()方法中, 该方法会在setup()执行前生效。如果预加载方法已经存在,setup方法 将会等到所有文件被完全加载才执行,请参考这个图片掩盖的实例。

在Hacker News上有一个关于P5.js的讨论,主题是“P5.js:当代Web的Processing”,Scrimmage的UI总工程师Brad Greenwald在公告中评论到:

我非常好奇,是什么使得P5.js能够比得上甚至优于D3.js、EaselJS、Three.js、 Raphaël、 KineticJS、Paper.js、Famo.us,或者是Impact等类库?我理解它们的特性集并不完全相同,但是我并不明白它有什么可以称得上创新或是令人兴奋的地方。

Wunderman的市场营销和技术创新部门的高级副总裁Gui Ambros回应到:

读Dan Shiffman编写的《自然法典》,你就会立刻明白Processing(和 P5.js)与其他语言或者框架之间的不同。

正如Arduino为大家带来了IoT和hardware hacking,同样的,Processing也以创造性的代码达到了同样的影响力。有很多没有经验的核心开发者正在使用Processing创建数据可视化应用、交互装置、游戏和混合声音、视觉、图形的多媒体应用。

P5.js通过将画布从一个单一的桌面应用扩展到浏览器的方式,开启了Processing的强大能力。这是一个很大的进步,此外,Lauren围绕该项目创建了一个社区,并且做得非常出色。

P5.js的官网这样描述该库,它是一个保持活跃开发的项目,并表明它是“一个新的解释器、而不是一个模拟器或者接口”,在即将到来的多项新特性中,其中一项是提供“一个正式的编辑环境”。

P5.js遵循GNU GPL协议发布,因为它是一个开源、协作开发的项目,在此期待着InfoQ读者以各种方式参与到P5.js项目中来,包括开发、文档编写或者培训。同时,P5.js项目也欢迎设计师、艺术家、作家、组织者和其他任何你可以想象到的角色参与到项目中来。在此,期待着任何想为P5.js做贡献或者想要合作的人发送邮件到mailto:hello@p5js.orghello@p5js.org

看英文原文P5.js Brings Creative Coding to the Masses


感谢邵思华对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT