标签:html5

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

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

详情...

flash转html5工具LavaH特性介绍(二)高效率的滤镜效果

目前flash到html5的转换,对于滤镜效果,要么是不支持,要么就是效率很低,卡的几乎无法玩。
原因是html5的canvas不支持滤镜,要实现滤镜效果,就得编写代码逐点读出并运算,效率当然很低。
LavaH解决了这个问题。解决办法是:
1.高效的滤镜算法。
2.采用了先进的滤镜动态缓存技术,减少了不必要的滤镜运算……

详情...

flash转html5工具LavaH特性介绍(一)矢量图形高效率无损缩放

目前flash矢量图形到html5的转换,一般有两种方式:
1.转换为位图,例如:png,jpg。
2.转换为html5支持的矢量格式,例如:svg或canvas矢量绘图命令。

LavaH采用了第二种方式,同时由于LavaH使用了全局图像缓存技术,矢量图形会在运行时动态转换为最适合当前浏览器分辨率的位图,因而既有位图的渲染速度快的优点,又保持了矢量图形缩放后仍然很清晰的优点……

详情...

一键转换——介绍我做的flash转html5工具LavaH

好久没更新博客了。
自从一个多月前从超闪离职,我一直在家搞flash转html5的工具,现在已经很成熟了,可以对外公布了。
我以前搞过Lava,LavaX虚拟机,所以我把这个新作品称作LavaH……

详情...

mirage游戏转html5编译器研发成功

mirage是以as3为开发语言(flash就是用的这个语言)的,拥有自主研发的高效的基于opengles图形加速的游戏开发平台。

为了让mirage游戏能够不借助任何runtime而直接运行在浏览器上,我研发了这个mirage转html5编译器。

因为html5的脚本语言是javascript,所以要做的工作首先就是as3转js。

据我所知,到目前为止,世界上还没有一款能够把as3语言写的游戏不加人工干预的一键转换到js而不需要修改转换后的js代码或者转换前的as3代码。

但是,我做到了!

《梦幻海底》是我公司正在移植到mirage平台的一款大型游戏。使用我最新研发的mirageH5编译器,把这款游戏成功一键转换到了html5游戏……

详情...

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不是所有浏览器都支持的,有的浏览器虽然支持,但是默认是不打开的。

附:测试程序,点此运行

详情...

html5的javascript效率测试

用WebGL+javascript实现了一个fc游戏模拟器,用来测试javascript的执行效率。

因为整个程序最繁重的任务是跑6502cpu的指令模拟和ppu图形运算,至于显示,是运算出的位图直接丢给gpu,所以这个测试基本能反映出javascript的执行效率。

测试环境:小米2s。

浏览器 帧率
QQ浏览器实验室版V2.2.4.60 22.1
QQ浏览器6.1版 4.3
百度浏览器 4.5

用as3语言实现这个模拟器,在mirage引擎上跑,是36.4帧。

总结:

javascript的执行效率依赖于浏览器,差距最大能达到5.1倍。

基于as3语言的mirage引擎执行指令的效率是基于javascript语言的浏览器的1.6倍~8.5倍。

所以,现阶段用Html5做中重度游戏是不现实的。

附:测试程序,点击执行

详情...

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

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

详情...

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

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

详情...

1