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

小李的飞刀

李杰的个人网站,手机游戏,手机页游

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

目前flash矢量图形到html5的转换,一般有两种方式: 1.转换为位图,例如:png,jpg。 2.转换为html5支持的矢量格式,例如:svg或canvas矢量绘图命令。 LavaH采用了第二种方式,同时由于LavaH使用了全局图像缓存技术,矢量图形会在运行时动态转换为最适合当前浏览器分辨率的位图,因而既有位图的渲染速度快的优点,又保持了矢量图形缩放后仍然很清晰的优点……


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

方式1渲染速度快,但是无法自适应各种屏幕分辨率,如果按大屏分辨率保存矢量图形,则占用空间大,如果按小屏分辨率保存矢量图形,则在大屏上浏览时,图形模糊或者马赛克效应严重。如果一个矢量图形在游戏中有缩放行为,由于图像是按固定分辨率保存的,所以无法做到清晰缩放。而且位图格式相比矢量格式占用空间巨大,下载到客户端消耗的流量也就大很多。
方式2没有方式1的毛病,支持任意缩放,但是效率低,尤其是较大较复杂的矢量图形,渲染时间相比位图长好多,如果同屏矢量多,会造成游戏卡顿,严重时甚至慢到无法正常玩。

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

注意墙上小鸟
点击小鸟,可以看到放大时的小鸟,非常清晰

这是因为LavaH采用的全局图像缓存技术,小鸟的矢量图形会被缓存为位图,当小鸟有放大时,会重新渲染并缓存,因为矢量图形的质量不会因为缩放而变差。

博文最后更新时间:


评论

  • Demarcus

    I don't know what I want to do after university http://newsarchives.fiu.edu/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal%20Pharmacy%20-%20Buy%20Celexa%20Baikal-pharmacy buy celexa baikal-pharmacy Four other crew members and a crisis centre manager for the ship's owner, Costa Crociere, are likely to be allowed to plea for sentences of around three years for their role in the collision and capsizing of the Costa Concordia.

  • Ethan

    What company are you calling from? https://jitpl.jmls.uic.edu/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal%20Pharmacy%20Com%20-%20Buy%20Celexa%20Baikal-pharmacy buy celexa baikal-pharmacy The Saudi Arabian Mining Co (Maaden) plans to invest in aphosphate project which is part of a new industrial city calledWaad al Shimal City for Mining Industries, with productionexpected to start by the end of 2016.

  • Isreal

    Could I have , please? https://mgm.duke.edu/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal-pharmacy%20Com%20-%20Buy%20Celexa%20Baikal%20Pharmacy%20Com buy celexa baikal pharmacy com Specifically, its business model depends on a rarefiedcohort of high-profile movers and shakers to contribute,including "world leaders, government officials, celebrities,athletes," Twitter explained in its prospectus.

  • Daniel

    What qualifications have you got? https://wsg.washington.edu/page/28/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal-pharmacy%20-%20Buy%20Celexa%20Baikal-pharmacy%20Com buy celexa baikal-pharmacy com The company estimated adjusted earnings of $1.02 per sharefrom continuing operations, down from $1.15 per share a yearearlier. Analysts were expecting $1.20 per share, according toThomson Reuters I/B/E/S.

  • Jose

    How do I get an outside line? https://wsg.washington.edu/page/28/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal%20Pharmacy%20-%20Buy%20Celexa%20Baikal%20Pharmacy%20Com buy celexa baikal pharmacy com Zimmerman was one of two men who came to the aid of a family of four -- two parents and two children -- trapped inside a blue Ford Explorer SUV that had rolled over after traveling off the highway in Sanford, Fla. at approximately 5:45 p.m. Thursday, the Seminole County Sheriff's Office said in a statement.

  • Irwin

    Withdraw cash https://fashionhistory.fitnyc.edu/?s=Baikal%20Online%20Pharmacy%20%E2%AD%90%20www.Pills2Sale.com%20%E2%AD%90%20Buy%20Celexa%20Baikal%20Pharmacy%20-%20Buy%20Celexa%20Baikal%20Pharmacy%20Com buy celexa baikal pharmacy com Roger Beukema shares news from Lansing that impacts sportsmen (this means ladies as well) and talks about things he finds when he goes overseas to visit his children, and adding your comments into the mix.

发表评论

个人资料

姓名:李杰。
爱好:编程,慢跑。
2001年来北京发展,从事软件开发17年。
文曲星Lava语言的创造者。
Iava&LavaX跨平台语言的发明者。
Mirage引擎之父。
手机拳皇97高清版主程序。

联系我

我以前的博客

Email: 39065627@qq.com

博客统计

访问量:9845236

博文总数:14 评论总数:491908

原创14 转载0 翻译0