当WebKit碰上Clutter

当WebKit碰上Clutter,是不是“金风玉露一相逢,便胜却人间无数呢”?

目前多种移动设备上的浏览器(例如苹果的 Safari)或者基于浏览器的应用引擎(例如,Nokia的WRT)都是以WebKit为内核的实现,这种以Web的技术和语法实现的移动设备上桌面应 用正准备以较低的开发门槛为主要优势,记得网页上一个说法:”有多少网页开发人员就有多少WRT的开发人员“。

Clutter是一个开源 的(c语言)的类库,该类库抽象了 OpenGL 和 OpenGL ES (the embedded version),用一种简单的方式描绘二维德图像在三维空间的运动。由于三维运动需要消耗CPU的计算能力,为了在三维的动态图形显示中保持高性能和低 电池消耗,Intel的Atom系列平台中,Clutter 可以在graphics processing unit (GPU)中运行,腾出CPU作其他应用计算。详细可以参见:http://www.moblinzone.com/top_stories/159 /34/37/Clutter_Adds_a_Cool_Factor_to_Devices_and_Development

WebKit 碰上Clutter,手机的UI是不是从此生动的立体起来呢?说实话今天我还没有弄清楚,因为我只见过一种显示的效果:就是WebKit显示的网页能够作 为一个平面,在三维空间上运动,例如:旋转180度等。好记性不如烂笔头,下边我老老实实记录下,我这几天的一点探索。

首先,要说说Jserv的博客,他的博文写的儒雅又严谨,文学修养和技术水平在他笔下是花开两朵,透过博客文章读下来,佩服的紧。扯远了,下边是该大牛的几篇相关的文章。

WebKit + Clutter:以 3D 技術給予網頁瀏覽的新體驗

透過 OpenGL 作 WebKit 網頁描繪


读完大牛的文章,总想试一试,于是我在ubuntu8.10上测试了一把:
1、Webkit与Clutter的集成方案
Webkit 与Clutter的集成方案是:work has been directed into making a proper Clutter backend for WebKit,意思是为WebKit定制一BackEnd,BackEnd是什么呢,例如,GTK就是WebKit的一种BackEnd。通过 BackEnd进行网页图形绘制的。这个集成方案目前有一个WebKit官方的分支,其网页是:http://trac.webkit.org/wiki /clutter

2、下载源码
git clone git://git.o-hand.com/webkit

3、编译
./autogen.sh
./configure --enable-clutter --disable-gtk
make
由于我的ubuntu上安装的是Clutter 0.8,下载的源码用的版本是0.7,编译的时候我对configure.ac稍作了修改,使Clutter的版本检查能过去。

4、编译及运行大牛文章中的例子

我运行的例子是http://blog.linux.org.tw/~jserv/archives/002012.html中的源代码。简单的说就是

WebKitWebView *被设置到ClutterActor 中


在ubuntu上运行得有些奇怪(这个描述很不专业,具体说来就是第一个界面出来的慢,有时候WebKit的界面会消失),中文还有问题。不过网页确实能反转180度了,反转之后还能在文本框输入让google 网页执行搜索,激动了十分钟。


5、企图将Clutter升级到0.9
失败,差异挺多的,看来Clutter还不是很成熟,用法变化很快,0.8的Clutter代码在0.9版本下不能运行
a)ClutterCairo原来是在clutter-cairo安装包中定义的,被移到了clutter的内部。
b)ClutterFixed的定义被替换成CoglFixed
c)......懒得弄下去了,还是等git://git.o-hand.com/webkit的同志们升级到0.9吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值