作者 主题: 【概述】HTML5/JS作为互动创意的工具  (阅读 14978 次)

evan

  • Moderator 版主
  • Newbie
  • *****
  • Thank You
  • -Given: 0
  • -Receive: 13
  • 帖子: 28
  • HTML5/JS @ Google Creative Lab
    • personal site
【概述】HTML5/JS作为互动创意的工具
« 于: 十一月 22, 2012, 07:33:46 am »
既然开版了,我就把标题改掉了,这贴可以当做一个概述。

主要是说下为什么我觉得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服务器,可以实现多屏幕互动。

有兴趣的童鞋顶一下。
« 最后编辑时间: 十一月 22, 2012, 06:27:19 pm 作者 evan »
新浪微博@尤小右
twitter@youyuxi

evan

  • Moderator 版主
  • Newbie
  • *****
  • Thank You
  • -Given: 0
  • -Receive: 13
  • 帖子: 28
  • HTML5/JS @ Google Creative Lab
    • personal site
Re: 再建议一次,HTML5/JS板块。
« 回复 #1 于: 十一月 22, 2012, 07:46:44 am »
补充一些链接

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

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

http://creativejs.com/
各种创意js项目的blog,类似js版的CAN
« 最后编辑时间: 十一月 22, 2012, 07:53:33 am 作者 evan »
新浪微博@尤小右
twitter@youyuxi

vizinsight

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • 帖子: 24
Re: 再建议一次,HTML5/JS板块。
« 回复 #2 于: 十一月 22, 2012, 09:03:20 am »
顶!虽然我痛恨JS

Contra

  • SuperManager
  • Sr. Member
  • *****
  • Thank You
  • -Given: 68
  • -Receive: 23
  • 帖子: 346
  • AC, game dev, new media art&tech.
    • i'm Contra
Re: 再建议一次,HTML5/JS板块。
« 回复 #3 于: 十一月 22, 2012, 09:32:58 am »
我投赞成票;) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢?
« 最后编辑时间: 十一月 22, 2012, 09:44:05 am 作者 Contra »
website: www.contra.im
weibo: @avant-Contra

ChocolateUniverse

  • Jr. Member
  • **
  • Thank You
  • -Given: 26
  • -Receive: 19
  • 帖子: 97
  • BigQ 勤劳勇敢,爱好艺术
Re: 再建议一次,HTML5/JS板块。
« 回复 #4 于: 十一月 22, 2012, 09:39:49 am »
严重同意!
BigQ 勤劳勇敢 爱好艺术

ChocolateUniverse

  • Jr. Member
  • **
  • Thank You
  • -Given: 26
  • -Receive: 19
  • 帖子: 97
  • BigQ 勤劳勇敢,爱好艺术
Re: 再建议一次,HTML5/JS板块。
« 回复 #5 于: 十一月 22, 2012, 09:46:01 am »
楼主推荐的各种js库,非常棒!!!!
只是 chrome中的js v8引擎 和 ruby,python比较,横向不对等.
BigQ 勤劳勇敢 爱好艺术

vinjn

  • SuperManager
  • Hero Member
  • *****
  • Thank You
  • -Given: 40
  • -Receive: 96
  • 帖子: 587
Re: 再建议一次,HTML5/JS板块。
« 回复 #6 于: 十一月 22, 2012, 10:21:52 am »
感谢你的介绍
关于开版,其实开一个版是十分容易的事情,困难的是如何让它活下去
我们没有开设 js 板块也是出于这个考虑,几个管理员保证不了 js 文章数量

之前的帖子被锁掉的原因很简单,那贴的楼主对于为何开这个板没有给出任何理由,对于如何维护这个板块也没有任何建议。
« 最后编辑时间: 十一月 22, 2012, 10:26:10 am 作者 vinjn »

vinjn

  • SuperManager
  • Hero Member
  • *****
  • Thank You
  • -Given: 40
  • -Receive: 96
  • 帖子: 587
Re: 再建议一次,HTML5/JS板块。
« 回复 #7 于: 十一月 22, 2012, 10:22:39 am »
我投赞成票;) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢?

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

evan

  • Moderator 版主
  • Newbie
  • *****
  • Thank You
  • -Given: 0
  • -Receive: 13
  • 帖子: 28
  • HTML5/JS @ Google Creative Lab
    • personal site
Re: 再建议一次,HTML5/JS板块。
« 回复 #8 于: 十一月 22, 2012, 10:25:08 am »
楼主推荐的各种js库,非常棒!!!!
只是 chrome中的js v8引擎 和 ruby,python比较,横向不对等.

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

evan

  • Moderator 版主
  • Newbie
  • *****
  • Thank You
  • -Given: 0
  • -Receive: 13
  • 帖子: 28
  • HTML5/JS @ Google Creative Lab
    • personal site
Re: 再建议一次,HTML5/JS板块。
« 回复 #9 于: 十一月 22, 2012, 10:36:02 am »
感谢你的介绍
关于开版,其实开一个版是十分容易的事情,困难的是如何让它活下去
我们没有开设 js 板块也是出于这个考虑,几个管理员保证不了 js 文章数量

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

我可以做版主。HTML5方面目前的各种发展还是有不少信息可以分享的。
个人觉得吧,有这样一个版也可以吸引一些有前端开发背景的人来尝试creative coding。
新浪微博@尤小右
twitter@youyuxi

Contra

  • SuperManager
  • Sr. Member
  • *****
  • Thank You
  • -Given: 68
  • -Receive: 23
  • 帖子: 346
  • AC, game dev, new media art&tech.
    • i'm Contra
Re: 再建议一次,HTML5/JS板块。
« 回复 #10 于: 十一月 22, 2012, 10:48:56 am »
我投赞成票;) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢?

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

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

vizinsight

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • 帖子: 24
Re: 再建议一次,HTML5/JS板块。
« 回复 #11 于: 十一月 22, 2012, 10:50:26 am »
有版主了!试运行一下把。

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

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

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

vinjn

  • SuperManager
  • Hero Member
  • *****
  • Thank You
  • -Given: 40
  • -Receive: 96
  • 帖子: 587
Re: 再建议一次,HTML5/JS板块。
« 回复 #12 于: 十一月 22, 2012, 10:56:08 am »
我投赞成票;) 名称可以考虑扩展成brower base或web xxx 等
访客你觉得呢?

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

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

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


admin

  • Administrator
  • Newbie
  • *****
  • Thank You
  • -Given: 0
  • -Receive: 2
  • 帖子: 23
Re: 再建议一次,HTML5/JS板块。
« 回复 #13 于: 十一月 22, 2012, 11:24:52 am »
cheers

RavenKwok

  • Sr. Member
  • ****
  • Thank You
  • -Given: 23
  • -Receive: 36
  • 帖子: 277
  • Artist/ Animator/ Coder/ Cynical Asshole
Re: 再建议一次,HTML5/JS板块。
« 回复 #14 于: 十一月 22, 2012, 03:06:57 pm »
- - 俺来晚了,不过还是发表一下意见。俺觉得只要能做出内容引起讨论即可,说到这个,貌似俺自己近两个月基本没怎么在P5 版更新内容,俺等这学期的Critique 完了会更新一些成果。

Tags:
 


Back to top