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。

  有更好的,我再來更新。

相關文章
相關標籤/搜索