标签:webgl

flash转html5工具LavaH特性介绍(三)高效的3D显示支持

目前flash到html5的转换,对于3D显示,要么是不支持,要么需要修改程序源码。
原因是flash Stage3D对于shader的实现,用了类似汇编语言的AGAL,而不是webgl的类似c语言的glsl。
LavaH采用了先进的agal转glsl技术,在运行时自动把agal转换为glsl,使得用Stage3D编写的3D软件,可以不经修改,直接转换为html5在网页上运行……

详情...

Mirage与LayaAir的渲染性能对比——驳LayaAir所谓的“裸跑性能媲美APP”

最近新出的LayaAir大肆宣传所谓的“裸跑性能媲美APP”。对这种没常识的宣传,我本来是没兴趣回应的。

但是看到这篇文章《技术突破:HTML5裸跑性能已可媲美APP》,LayaAir给出的数据对比,裸跑的LayaAir居然快过了Unity和Cocos2d-x。对此数据,我是深表怀疑的。我以前的文章也写过,利用了WebGL的加速特性的h5,在渲染性能上只略低于使用了OpenGL的APP,但是还不至于会比APP快,这不科学啊。

实践是检验真理的唯一标准。那就比一比LayaAir与Mirage的渲染性能好了……

详情...

html5的渲染(使用webgl)效率测试

用WebGL在屏幕上随机画1500个旋转运动的物体,用来测试html5的渲染效率。

测试环境:小米2s。

浏览器 帧率
QQ浏览器6.1.1.1687 Beta版 34
百度浏览器6.1.13.0版 36

同样的功能用as3语言实现,在mirage引擎上跑,是36.3帧。

结论:从gpu渲染上看,webgl与使用原生的opengles开发的app相比,几乎没有差别。

不过webgl不是所有浏览器都支持的,有的浏览器虽然支持,但是默认是不打开的。

附:测试程序,点此运行

详情...

我收集的一些html资料和工具

测试浏览器对html5的支持程度
测试浏览器对WebGL的支持程度

详情...

mirage引擎web版与白鹭渲染效率比较

最近用html5实现了mirage引擎的网页版。使用了webgl渲染。同样1500个图形,33.4帧。
用app版mirage跑是35.6帧。效率已经非常接近了。
这个证明用html5+webgl编写2d程序,可以接近app的效率。只要优化的好,做重度页游也不是问题了。
这个渲染效率也是白鹭runtime版的将近3倍。

详情...

1