web前端里见过最惊艳的HTML5的demo


 

先给你看一段效果:html

  GIF动态图框架

  写出这个效果须要多少代码量呢? 答案是200行。ide

  你没看错, 不须要C++也不须要Flash,这是纯HTML5页面,用JS编写的。性能

  f042eb57ced54d1caaed1f5b4cf09c9d.png

  http://www.thingjs.com/demos/menu.html?name=earthCreateBuildingui

  这是效果地址。3d

  这个特效很是消耗CPU,电脑性能以及网速很差的就别尝试了,会很是卡。cdn

  实际上它使用了一个叫作ThingJS的框架。 固然这个框架也是纯JS。应用在网页上的。htm

  除了刚才看到的效果,还有像这样的夜景图blog

  2327ff7f176f4f60b283d178e527dd79.png

  http://www.thingjs.com/guide/sampleindex.html?name=/uploads/wechat/oLX7p01p-lBQeR49wRF5j_ox3X3U/HangzhouCityBuilder.jsit

  超逼真的3D模型,加载的时候能看到整个渲染过程,很是有趣。

  c0bc867353914e3f9be206f1d04a2692.png

  点击右边的菜单,能够进入室内查看

  bc8d3555dffd4302adade6d48c5feb43.png

  还能够把每一个楼层展开查看

  3afd718c844c48d891fe28c5b75168fd.png

  简直玩的不亦乐乎~~~, 下面是地址

  http://www.thingjs.com/demos/menu.html?name=uBuilding

  除了这些,还有好多特效案例,你能够去官网本身慢慢看。

  这个是我目前见到的最惊艳的HTML5的demo。

  有更好的,我再来更新。

相关文章
相关标签/搜索