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