html5支持3d技術了


以前一直想用javascript 寫一個3D相關的應用,后來也確實寫了一個3D的立方體花了我兩個星期時間,先在紙上又是畫圖又是計算,由其是三維變換和三維到二維的映射,死了不知多少腦細胞,但是由於html 不支持斜線所以立方體都是由一個一個div組成的小方塊來代表點陣

效果嗎,當然可以看出來3d的效果了,但差強人意,現在html5出現以后就可以使用斜線把點連起來,效果就更好了,但是今天突然發現原來html5已經有3d變換的函數了,根本不需要自己再去寫3d的變化原理了。

下面就是微軟關於3d的演示,大家可以看一下它的強大,當然ie10以下不支持,用chrome的debug工具來測試,也可以給示例div的背影加一個圖片,你會發現圖片也是跟着變形的,這就使的三維的渲染也是可以做的。

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm

 

我是江奇


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM