打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

先给你看一段效果:

  GIF动态图

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

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

  

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

  这是效果地址。

  这个特效非常消耗CPU,电脑性能以及网速不好的就别尝试了,会非常卡。

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

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

  

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

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

  

  点击右边的菜单,可以进入室内查看

  

  还可以把每个楼层展开查看

  

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

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

  除了这些,还有好多特效案例,你可以去官网自己慢慢看。

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

  有更好的,我再来更新。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
〖批发部〗————啊8:00
JS模拟人工点击链接跳转代码
手机网页推广形式
在线工具集合
有了这8个计算公式,买鱼前知道该如何规划了!
JavaScript学习笔记 js直接访问数据库
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服