webgl和css3的3d有什么不同

html-css014

webgl和css3的3d有什么不同,第1张

webgl可以用js调用openGL的,比如cs、极品飞车之类的游戏你应该知道,很多游戏都是openGL的,真正类似3D软件那种3D,里面有X,Y,Z轴向,构成一个立体空间,然后你可以放入一个人物、汽车或其他3D模型,上贴图,打灯光,游戏引擎实时渲染出带有凹凸、置换、颜色、漫射、反射、大气雾效、深景等通道组成成的游戏画面,openGL与3D软件渲染大原理是一样的,只是渲染精度没3D软件做图或做电影那么高,渲染算法和导入的3D模型面数、贴图大小什么的在openGL下都有限制,要保证游戏在主流的家庭电脑硬件上不卡。

css只有X,Y两个轴向,只能构成一个平面,不能构成一个真正的立体空间,你看到的网上css做的3D立方体的例子原理类似:ps里面你画三个正方形平面色块,通过拉伸、透视等方法变形把三个正方形拼成一个立体正方形盒子的三个面,这个是视觉上的欺骗,只能拼凑出简单的立体形状,css并没有在一个3D空间内生成带三个轴向的物体,也没办法通过css导入真正的3D模型来个转一圈之类的,你想用纯css做个3D机器猫就不行了。

如果是webgl,你可以建个机器猫模型,把obj格式的模型文件导入,然后指定贴图,灯光等等,加上js代码控制,可以在支持的浏览器上360角度的展示机器猫了。webgl原理就和游戏引擎一样(目前肯定没游戏引擎强大),只不过游戏引擎是用c++之类的来开发,展示的东西基本上都需要用户执行一个安装到本地电脑的过程,现在webgl你可以用js来开发,然后直接在浏览器上展示。

【IT168 评测】诺基亚N9,一款让人期待已久但却又爱又恨的手机。爱的是它漂亮的外观、流畅的MeeGo系统、Swipe滑动理念,恨的是诺基亚只把它当成是“过渡品”,或者说是“试验品”。最近,诺基亚也将预订价格从4999元下降至3999元,相信很多人都会萌生同样的想法,3999元买单核值不值。本文笔者将会从操作体验、网页浏览、视频体验及游戏体验为方向,为大家带来诺基亚N9性能专项测试。

▲3999元买单核值不值 诺基亚N9性能测试

核心硬件:1GHz单核处理器+1GB RAM+16GB/64GB

诺基亚N9采用的是ARM Cortex-A8 OMAP3630处理器,主频为1GHz,此外该机还配备了1GB RAM,并提供了16GB、64GB两种内存容量版本。GPU方面,N9采用了PowerVR SGX530图形处理芯片,单从参数表来看,诺基亚N9的核心硬件确实不强,除了1GB RAM比较给力外,其余都不能算是顶级配备,特别是处理器还停留在单核时代,让很多人唏嘘不已。不过,从系统运行来看,诺基亚N9的流畅度绝对不输于Android,甚至要优于一般Android。这又是怎么回事?

▲屏幕测试数据:96x96(DPI),比iPhone4的屏幕细腻程度差了不少

原因在于,MeeGo系统是由底层驱动来控制硬件,从而直接来引导软件的运行相比之下,Android系统的应用都是运行在Java虚拟机上,不是靠硬件直接引导,所以非常耗费硬件资源,而Android手机之所以在硬件上飞速发展(1.2GHz、1.5GHz CPU)和这个有很大关系。

▲诺基亚N9搭载MeeGo1.2系统

诺基亚原生浏览器 界面及常用功能体验

随着移动互联网的高速发展,手机浏览器已经成为用户日常使用必不可少的一个工具。随着时间、地点、网络环境多样化,使得用户对浏览器的操作要求和性能要求更加具体,比如页面布局、数据压缩、触摸交互等等,都与PC浏览器大不相同,而且不同的用户群体侧重的功能也不完全一样,所以只有最理解手机用户习惯,尽量满足不同需求,才能笑到最后,所以笔者接下来要做的是诺基亚原生浏览器体验。

启动界面——不可编辑的快速拨号界面

打开浏览器之后的启动页面是非常重要的,能否最快的速度打开常用网站会影响整体的体验。从首屏启动来看,诺基亚N9为不可编辑的快速拨号界面,能够直达原生标签网站,但是无法自行更换标签,实际的导航功能大打折扣。

▲诺基亚浏览器启动页面 不可编辑的快速拨号界面

分屏切换——不支持标签页 无法新建窗口

目前很多手机自带浏览器都使用了多分屏模式,通常为三屏界面左右切换或者是标签切换来扩展首屏的功能,奇怪的是诺基亚N9却不支持标签页浏览。 相信很多用户对多标签页的需求也是很强的,在手机上看新闻、论坛,多标签的好处谁用谁知道。

▲诺基亚N9不支持标签页浏览

▲点击浏览器右侧设置界面 用户可以新建页面打开或者创建快捷方式

诺基亚原生浏览器 性能+HTML5/CSS3测试

性能测试方面,我们主要来看一下诺基亚N9浏览器在同一网络环境中,打开相同网站时间,以及消耗的流量。无线网络环境为2M,测试网站分别为IT168首页及优酷首页。首先是页面的打开速度,可以看到浏览器的整体速度是非常快的,可以看到诺基亚针对MeeGo系统下的浏览器优化不错。

整体还算流畅,网页的滑动及缩放时没明显停滞感。只是N9不支持Flash功能,好在Adobe砍掉移动版Flash可以让集中精力在HTML5上。而且目前主流视频网站均支持两套FLASH/HTML5两种架构,所以HTML和CSS3对一个浏览器的支持相当重要,所以今天笔者将针对自带浏览器CSS3的支持和HTML5支持进行测试。测试结果为:CSS3和HTML5均完美支持,但仍有可优化空间。

▲诺基亚N9原生浏览器对HTML5支持测试 得分较高:255

▲纯IDV+CSS拼接机器猫测试 图像显示越完整表明对CSS3支持越好

▲HTML5测试分项内容及得分

▲用户交互部分支持较差 36小项均不支持(iOS5支持17项)

▲整体表现还是十分不错

多种格式轮番上阵 720P高清视频测试

诺基亚N9搭载SGX530图形处理芯片,目前主流智能手机基本都支持720P视频播放功能,大部分旗舰均支持1080P播放,作为诺基亚的顶级旗舰产品,官方确认N9支持720P播放。在测试过程中,诺基亚官方自带MP4格式720P视频均可流畅播放,但是笔者将多种720P测试视频轮番播放,结果诺基亚N9内置播放器无法播放720P AVI/WMV格式播放720P MKV/FLV出现了严重卡顿。

▲诺基亚官方自带MP4格式视频

▲MP4格式视频流畅播放

▲FLV格式视频 巫师2播放卡顿明显

▲巫师2视频详细信息

▲720P MKV格式 生活大爆炸播放卡顿明显 音像不同步明显

▲720P MKV格式 生活大爆炸视频详细信息

▲720P WMV/AVI自带播放器无法播放

游戏测试——愤怒小鸟、都市赛车 运行流畅

游戏方面,诺基亚N9自带多款游戏,比如:愤怒小鸟、一起高尔夫、都市赛车等。笔者测试时游戏运行流畅,画面无卡顿。唯独担心的是,MeeGo系统下游戏数量有限,同时诺基亚N9可能成为MeeGo系统孤作,其他平台热门游戏是否愿意移植到MeeGo平台还是疑问。

▲MeeGo平台下热门游戏愤怒小鸟

▲游戏画面流畅 图像缩放自如

全文总结

整体上来说,诺基亚N9流畅的操作体验还是给笔者留下深刻印象,虽然1GHz单核处理器+1GB RAM在硬件组合上不算高端,但是凭借MeeGo系统优秀的底层响应及内存资源合理利用让界面滑动和操作变得十分流畅。目前,诺基亚N9预订价格为3999元,相对于这样的硬件配置似乎定价略高,因为同样的硬件配置在WP7系统下,用户体验完全不逊于MeeGo,但是价格均在3000以下,而且首批WP7更是在两千元左右,不知道对于3999元价格,各位觉得值不值。

【IT168 评测】每一个安卓新版本都有一个甜蜜的代号,这次的安卓4.0版本代号为冰激凌三明治,听上去很美,但是实际应用中安卓4.0比安卓2.3有什么提升呢?今天笔者就用华为Honor来细数安卓4.0不一样的地方。

▲华为Honor经典白

华为Honor虽然上市的时候搭载了安卓2.3的系统,但是凭借华为的强大技术实力,已经为Honor放出了4.0的系统升级包,这在国内是第一家,笔者也在第一时间刷入系统包,体验了一把安卓4.0。

首先,安卓4.0给笔者第一感觉就是界面很像安卓平板电脑专用的3.0蜂巢操作系统。从整体风格和桌面小插件等设计,4.0都与3.0有着千丝万缕的联系,而相比2.3系统,升级幅度巨大,这也是笔者期待4.0问世的原因之一,毕竟看惯了2.3的界面,审美疲劳,看伤了。

▲解锁界面

▲系统界面

▲切换界面和小插件风格

安卓4.0另一个吸引笔者的原因就是针对浏览器做了优化,特别对HTML5代码进行了优化,毕竟今后Adobe公司将不再研发移动版FLASH插件,虽然安卓4.0上的FLASH插件是Adobe的最后一版,但是HTML5强劲的势头无人能挡。

▲安卓4.0目前还不支持FLASH插件

截图中可以看出,安卓4.0目前并不支持FLASH,优酷无法播放,但是这也带来一些好处,例如网页缩放的顺滑。

用HTML5写的网站可以实现用户不下载任何插件就能观看网页上的视频、收听到网页上面的声音。这对提高用户在浏览网页时的体验有很大提升。比如缩放会变得顺滑,支持更高分辨率的影片等等。笔者对华为Honor进行了HTML5的测试,测试结果令人满意,得分为230分,较2.3版本的177分有很大提升。

▲对比其他移动浏览器 HTML5得分

笔者又对CSS3代码进行了测试,用CSS3代码写的网站也有它的优点,这种网站载入时间短,消耗流量少,由于对颜色过渡控制的很好,使得整个站点能保持一致的视觉效果。

▲作为华为Honor安卓4.0原生浏览器 右为小米浏览器

通过比对,请读者注意机器猫边缘细节方面,华为Honor上原生的浏览器比小米上经过优化的浏览器对CSS3的支持还要好。最后附赠一张IE6上浏览CSS3的效果。

▲IE6上面的多啦A梦

完善的流量控制和开发者选项

曾经的流量大户变成了节省流量专业户。

安卓系统推出伊始就向用户灌输实时在线的理念,许多应用软件都必须实时联网进行数据更新,但是这一点仿佛不符合中国国情。大多数用户还在使用每个月包几十兆流量的2G上网套餐,对实时联网的安卓手机是在吃不消,这就是为什么出现了APN开关这种应用软件。但是对流量的担心不会带到4.0上面了。

▲流量控制 用户可以自定义上限

4.0中对流量特别设置了监控模式,用户可以针对自己的需求设置流量的上限。对流量的种类也有区分,2G、3G、WIFI都可以分卡控制。可以实现实时监控流量,再也不怕流量超了带来的巨额电话费了。

安卓4.0还特意为开发者或者是高级玩家设置了开发者选项。其中有许多实用的功能。

▲显示触摸效果(左) 显示CPU使用情况(右)

▲强制GPU进行优化可以提升滑动的流畅度 但会更加耗电

▲对存储和电量的控制

虽然现在安卓4.0还没普及也还不稳定,但是可以看出这是一套谷歌转型的操作系统,融合手机平板风格的设计,对网页浏览不在依赖adobe的优化等等,都可以看出安卓4.0不像是安卓2.2到安卓2.3那么简单,未来安卓4.0肯定也会成为主流,那就让我们期待更多的安卓4.0手机在明年的CES大会上出现吧。