js模擬3D場景效果代碼打包
更新時間：2012年01月04日 17:36:28 作者：
這幾個demo上星期平安夜做的，感覺效果不錯，就放在出來，分享給大家
要在二維空間模擬出三維的效果，就需要把三維的坐標轉換成二維坐標。一個最基本依據是：東西越遠，看到大小就越小，坐標越往消失點靠攏。
透視公式：
scale = fl / (fl + z);
scale是大小的比例值，0.0到1.0之間，fl是觀察點到成像面的距離，通常這個值是固定，z就是物件的三維空間中的z軸。
在寫這些代碼之前，我喜歡用面向對象來描述我寫的這些東西，比如我需要一個場景，場景是個空間，空間內是可以容納各種物件的，物件是個對象，物件是是x,y,z三個維度的，場景可以插入任意多的物件，物件就會以它的坐標值，顯示在場景的特定位置，由場景來負責物件的顯示位置。
一些demo，請使用鼠標移動及滾輪來控制。
效果1
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果2
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果3
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果4
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
透視公式：
scale = fl / (fl + z);
scale是大小的比例值，0.0到1.0之間，fl是觀察點到成像面的距離，通常這個值是固定，z就是物件的三維空間中的z軸。
在寫這些代碼之前，我喜歡用面向對象來描述我寫的這些東西，比如我需要一個場景，場景是個空間，空間內是可以容納各種物件的，物件是個對象，物件是是x,y,z三個維度的，場景可以插入任意多的物件，物件就會以它的坐標值，顯示在場景的特定位置，由場景來負責物件的顯示位置。
一些demo，請使用鼠標移動及滾輪來控制。
效果1
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果2
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果3
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果4
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
firefox中用javascript實現(xiàn)鼠標位置的定位
firefox中用javascript實現(xiàn)鼠標位置的定位...2007-06-06
閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應用都要依靠閉包實現(xiàn)。2010-07-07
JavaScript獲得時間戳的方法有五種,后四種都是通過實例化時間對象new?Date()?來進一步獲取當前的時間戳,JavaScript處理時間主要使用時間對象Date,本文對js時間戳函數(shù)獲取方法給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
Tangram開源將近一周，持續(xù)圍觀了幾天。寫一個簡單的圍觀筆記吧。2010-12-12
這篇文章介紹了js replace 與replaceall實例用法詳解，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了JavaScript中return false的用法,在大多數(shù)情況下,為事件處理函數(shù)返回false,可以防止默認的事件行為,需要的朋友可以參考下2015-03-03
JS使用單鏈表統(tǒng)計英語單詞出現(xiàn)次數(shù)
這篇文章主要為大家詳細介紹了JS使用單鏈表統(tǒng)計英語單詞出現(xiàn)次數(shù)的相關資料，列出所有單詞及其出現(xiàn)次數(shù)，感興趣的小伙伴們可以參考一下2016-06-06
項目需要做了如下的東西，希望能給其他需要的同學們一點參考。2010-08-08
JS使用cookie實現(xiàn)只出現(xiàn)一次的廣告代碼效果
我們上網經常會遇到第一次需要登錄而之后不用再登錄的網站的情況，其實是運用了Cookie 存儲 web 頁面的用戶信息，Cookie 以名/值對形式存儲,當瀏覽器從服務器上請求 web 頁面時， 屬于該頁面的 cookie 會被添加到該請求中2017-04-04
本文主要給大家詳細總結了下javascript中的運算符，包括常見的算數(shù)運算符、比較運算符和邏輯運算符。十分的清晰，有需要的小伙伴可以參考下。2015-06-06