先給你看一段效果:html
GIF動態圖框架
寫出這個效果須要多少代碼量呢? 答案是200行。ide
你沒看錯, 不須要C++也不須要Flash,這是純HTML5頁面,用JS編寫的。性能
http://www.thingjs.com/demos/menu.html?name=earthCreateBuildingui
這是效果地址。3d
這個特效很是消耗CPU,電腦性能以及網速很差的就別嘗試了,會很是卡。cdn
實際上它使用了一個叫作ThingJS的框架。 固然這個框架也是純JS。應用在網頁上的。htm
除了剛纔看到的效果,還有像這樣的夜景圖blog
http://www.thingjs.com/guide/sampleindex.html?name=/uploads/wechat/oLX7p01p-lBQeR49wRF5j_ox3X3U/HangzhouCityBuilder.jsit
超逼真的3D模型,加載的時候能看到整個渲染過程,很是有趣。
點擊右邊的菜單,能夠進入室內查看
還能夠把每一個樓層展開查看
簡直玩的不亦樂乎~~~, 下面是地址
http://www.thingjs.com/demos/menu.html?name=uBuilding
除了這些,還有好多特效案例,你能夠去官網本身慢慢看。
這個是我目前見到的最驚豔的HTML5的demo。
有更好的,我再來更新。