GIF動(dòng)態(tài)圖
寫(xiě)出這個(gè)效果需要多少代碼量呢? 答案是200行。
你沒(méi)看錯(cuò)， 不需要C++也不需要Flash，這是純HTML5頁(yè)面，用JS編寫(xiě)的。
http://www.thingjs.com/demos/menu.html?name=earthCreateBuilding
這是效果地址。
這個(gè)特效非常消耗CPU，電腦性能以及網(wǎng)速不好的就別嘗試了，會(huì)非?？ā?/p>
實(shí)際上它使用了一個(gè)叫做ThingJS的框架。 當(dāng)然這個(gè)框架也是純JS。應(yīng)用在網(wǎng)頁(yè)上的。
除了剛才看到的效果，還有像這樣的夜景圖
http://www.thingjs.com/guide/sampleindex.html?name=/uploads/wechat/oLX7p01p-lBQeR49wRF5j_ox3X3U/HangzhouCityBuilder.js
超逼真的3D模型，加載的時(shí)候能看到整個(gè)渲染過(guò)程，非常有趣。
點(diǎn)擊右邊的菜單，可以進(jìn)入室內(nèi)查看
還可以把每個(gè)樓層展開(kāi)查看
簡(jiǎn)直玩的不亦樂(lè)乎~~~， 下面是地址
http://www.thingjs.com/demos/menu.html?name=uBuilding
除了這些，還有好多特效案例，你可以去官網(wǎng)自己慢慢看。
這個(gè)是我目前見(jiàn)到的最驚艷的HTML5的demo。
有更好的，我再來(lái)更新。
