漂亮的html静态页面demo,web前端里见过最惊艳的HTML5的demo

原标题:web前端里见过最惊艳的HTML5的demo

先给你看一段效果:

GIF动态图

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

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

f4284e2490f399aaa3a0dc6c4ab20eaf.png

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

这是效果地址。

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

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

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

c46155b1162bf6549599b5ae4decd7dd.png

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

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

9bdaed7525717cd930ebcca6f496847b.png

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

1fdbe6d1777ba6baf95a8fbf93ff122d.png

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

f8a5ca0d3a71d05a902215d5795b9888.png

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

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

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

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

有更好的,我再来更新。返回搜狐,查看更多

责任编辑:

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值