分享web前端裡驚豔的HTML5的demo

千鋒HTML5學院發表於2019-05-27

先給你看一段效果:

  GIF動態圖

  寫出這個效果需要多少程式碼量呢? 答案是200行。

  你沒看錯, 不需要C++也不需要Flash,這是HTML5頁面,用JS編寫的。

   f042eb57ced54d1caaed1f5b4cf09c9d.png

  

  這是效果地址。

  這個特效非常消耗CPU,電腦效能以及網速不好的就別嘗試了,會非常卡。

  實際上它使用了一個叫做ThingJS的框架。 當然這個框架也是純JS。應用在網頁上的。

  除了剛才看到的效果,還有像這樣的夜景圖

   2327ff7f176f4f60b283d178e527dd79.png

  

  超逼真的3D模型,載入的時候能看到整個渲染過程,非常有趣。

   c0bc867353914e3f9be206f1d04a2692.png

  點選右邊的選單,可以進入室內檢視

   bc8d3555dffd4302adade6d48c5feb43.png

  還可以把每個樓層展開檢視

   3afd718c844c48d891fe28c5b75168fd.png

  簡直玩的不亦樂乎~~~, 下面是地址

  

  除了這些,還有好多特效案例,你可以去官網自己慢慢看。

  這個是我目前見到的最驚豔的HTML5的demo。

  有更好的,我再來更新。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2645760/,如需轉載,請註明出處,否則將追究法律責任。

相關文章