Famo.us,利用 HTML5 做出 3D 手势操作界面

标签: 3D Famo.us HTML5 | 发表时间:2013-03-04 12:12 | 作者:爱范儿·观察
分享到:
出处:http://www.ifanr.com

Periodic_Table
根据 TechCrunch 的报道,Famo.us 团可以让开发者利用 HTML5 创造 2D 和 3D 的手势操作界面,并且可适配在各种移动或者桌面设备。今天,他们宣布获得了 400 万美元的 A 轮融资。

使用 Famo.us 服务的来建立网站,就会绕过浏览器内的渲染工具,使用 Famo.us 自己的框架,从而大大的增进渲染效果。至于他们实际做出来的效果,可以直接在 Famo.us 的网站看到:一个 3D 版本的的元素周期表,可以随心所欲地旋转,选取里面的元素放大查看等等,这个网页并没有使用任何的插件,WebGL,或者 Canvas。而该网页能够支持智能手机,平板,PC,甚至电视屏幕。

团队由 Steve Newcomb 牵头。他之前创立的搜索工具 Powerset,被微软以 1 亿美元的价格收购。目前,Famo.us 已经有 1.6 万个开发者注册使用测试版本。

爱范儿 · Beats of Bits | 原文链接 · 查看评论 · 新浪微博 · 微信订阅 · 加入爱范社区!




相关 [famo.us 利用 html5] 推荐:

Famo.us,利用 HTML5 做出 3D 手势操作界面

- - 爱范儿 · Beats of Bits
根据 TechCrunch 的报道,Famo.us 团可以让开发者利用 HTML5 创造 2D 和 3D 的手势操作界面,并且可适配在各种移动或者桌面设备. 今天,他们宣布获得了 400 万美元的 A 轮融资. 使用 Famo.us 服务的来建立网站,就会绕过浏览器内的渲染工具,使用 Famo.us 自己的框架,从而大大的增进渲染效果.

famo.us是什么?

- - JavaScript - Web前端 - ITeye博客
famo.us,被他的动画和交互效果所震撼,研究过其代码后,发现用到三种技术:matrix3d变换,requestAnimationFrame实现动画,以及物理运动引擎,单从技术上看三者都不难实现,但事物表面背后往往隐藏深意,famo.us的由来和目标却是野心勃勃. 创始人为web apps性能低下困扰已久,后受到.

利用jQuery和HTML5实现无刷新Ajax风格的表单

- - CSDN博客推荐文章
        利用jQuery我们能够做出一些相当震撼的网页效果. jQuery的出现使DOM的操作更加的简单易用. 下面的教程展示了如何利用jQuery创建一个HTML5效果的邀请表格,同时实现表格内容的检查功能.         首页的格式必须是HTML5的格式.         接下来添加jQuery库,将如下代码添加到<link>标签之前:.

操纵历史,利用HTML5 History API实现无刷新跳转

- - 蓝飞技术部落格
有一次在上点点网的时候,发现登陆、注册动画效果非常华丽,但让我感到震惊的是页面竟能够实现无刷新跳转(已改版,观看此效果可以猛击此处: GitHub或 阅FM),回顾了所学的前端知识,似乎没有任何技术可以实现这一点,于是百度搜罗了一下,才发现这原来是使用HTML5中History API实现的效果,但奈何一直未曾派上用场.

【转载】利用HTML5构筑物理模拟环境~ WebGL库Three.js入门(1/3)

- - HTML5研究小组
这是目前质量较好、讲解比较清楚的一篇 Three.js 的入门教程,原作者是日本人遠藤理平,由 HiWebGL 技术讨论群群友瀡风翻译,HiWebGL 授权转载. 感谢原作者的创作和瀡风辛苦翻译. 翻译:瀡风(2012年5月6日). 如需转载本中文译文,请联系翻译者瀡风. 中文翻译转自: http://www.hiwebgl.com/?p=1058.

利用HTML5技术让iOS应用在浏览器中运行 App.io 获得逾百万美元融资

- - 焦点
  移动应用是否可以在浏览器中运行?如果我说“可以”,你一定会追问:如何?.   为了满足这类要求,Kickfolio 应运而生. Kickfolio 可以利用 HTML5 技术让 iOS 应用运行在浏览器中,而开发者则可以通过该平台上传以生成自己的移动应用程序,然后让其他应用在 Web 上与这些产品进行交互.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.