【概述】HTML5/JS作为互动创意的工具

[evan]

既然开版了，我就把标题改掉了，这贴可以当做一个概述。

主要是说下为什么我觉得HTML5/JS也是很强大的互动创意工具。

首先现在主流浏览器的js处理速度都已经非常快了。尤其是在Google V8引擎上运行的话，速度胜过ruby和python。
（以下链接最好用Chrome打开）

2d矢量绘图方面，有比processing.js强大的Paper.js
3d方面，现在WebGL已经有了比较成熟的3d引擎，可以导入shader和模型，比如Three.js
最近比较火的基于Three.js的10,000 stars/
数据可视化方面，有强大的D3.js，另外有一个基于Three.js 3D可视化全球数据的 WebGL Globe
CV方面，WebRTC API可以获取用户的摄像头信息。有不少js人脸识别的demo，同时也有基于js的CV库JSFeat
物理模拟，Box2D有稳定的js port box2dweb，轻量一些的有Coffee Physics，还有很多其他js物理引擎
Audio方面，见Web Audio API。采用基于节点的声音编程方式。最近一个很好的例子Jam with Chrome
和其他语言/程序的连接：Node.js，简单来说就是可以运行在浏览器之外的javascript。也是基于v8，而且是非阻塞异步I/O，够快。本来是为了让js可以做服务器语言产生的，但也可以用来做很多其他事情，可以通过stdio, serial port，TCP sockets等和其他程序甚至硬件通信。

一些优势：
- 容易分享。一个链接直接体验。
- 开发便捷。只需要浏览器 + 文本编辑器即可，不需要编译。（当然你要搞node.js会稍微复杂一点）
- 所有涉及UI的东西都很方便，直接html + css写就可以。
- 可以基于websocket让多人互动。
- 在移动设备上适应性好。直接浏览器打开，多点触控 + Accelerometer。通过本地wifi连接到node.js服务器，可以实现多屏幕互动。

有兴趣的童鞋顶一下。

[evan]

补充一些链接

http://www.staggeringbeauty.com/
一个Paper.js + Traer.js （轻量物理引擎）的demo，我同事做的

http://www.chromeexperiments.com/
Chrome Experiments，各种html5 demo

http://creativejs.com/
各种创意js项目的blog，类似js版的CAN

[vizinsight]

顶！虽然我痛恨JS

[Contra]

我投赞成票；) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢？

[ChocolateUniverse]

严重同意!

[ChocolateUniverse]

楼主推荐的各种js库,非常棒!!!!
只是 chrome中的js v8引擎 和 ruby,python比较,横向不对等.

[vinjn]

感谢你的介绍
关于开版，其实开一个版是十分容易的事情，困难的是如何让它活下去
我们没有开设 js 板块也是出于这个考虑，几个管理员保证不了 js 文章数量

之前的帖子被锁掉的原因很简单，那贴的楼主对于为何开这个板没有给出任何理由，对于如何维护这个板块也没有任何建议。

[vinjn]

我投赞成票；) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢？

名称的话，HTML5/JS 就足够好

[evan]

楼主推荐的各种js库,非常棒!!!!
只是 chrome中的js v8引擎 和 ruby,python比较,横向不对等.

这个只是单纯为了说明运行性能。和C++还是不能比，但是比其他动态脚本语言快不少，已经可以满足大部分实时计算的需求

[evan]

感谢你的介绍
关于开版，其实开一个版是十分容易的事情，困难的是如何让它活下去
我们没有开设 js 板块也是出于这个考虑，几个管理员保证不了 js 文章数量

之前的帖子被锁掉的原因很简单，那贴的楼主对于为何开这个板没有给出任何理由，对于如何维护这个板块也没有任何建议。

我可以做版主。HTML5方面目前的各种发展还是有不少信息可以分享的。
个人觉得吧，有这样一个版也可以吸引一些有前端开发背景的人来尝试creative coding。

[Contra]

我投赞成票；) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢？

名称的话，HTML5/JS 就足够好

我的意图是想让artist或designer一看就知道这版块是干嘛的。processing、vvvv那些直接写名称可能能分清，html5/js有些专了。
不过也可以在版块介绍里写清楚，“基于网页/浏览器的互动xxx”，等等。

[vizinsight]

有版主了！试运行一下把。

感谢你的介绍
关于开版，其实开一个版是十分容易的事情，困难的是如何让它活下去
我们没有开设 js 板块也是出于这个考虑，几个管理员保证不了 js 文章数量

之前的帖子被锁掉的原因很简单，那贴的楼主对于为何开这个板没有给出任何理由，对于如何维护这个板块也没有任何建议。

我可以做版主。HTML5方面目前的各种发展还是有不少信息可以分享的。
个人觉得吧，有这样一个版也可以吸引一些有前端开发背景的人来尝试creative coding。

[vinjn]

我投赞成票；) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢？

名称的话，HTML5/JS 就足够好

我的意图是想让artist或designer一看就知道这版块是干嘛的。processing、vvvv那些直接写名称可能能分清，html5/js有些专了。
不过也可以在版块介绍里写清楚，“基于网页/浏览器的互动xxx”，等等。

processing 面向 artist，是让非程序员通过程序搞艺术
html5 面向的是前端程序员，是让程序员通过程序搞艺术
有点不一样，所以直接叫这名字没问题

[admin]

cheers

[RavenKwok]

- - 俺来晚了，不过还是发表一下意见。俺觉得只要能做出内容引起讨论即可，说到这个，貌似俺自己近两个月基本没怎么在P5 版更新内容，俺等这学期的Critique 完了会更新一些成果。