js類比3D情境效果代碼打包

要在二維空間類比出三維的效果，就需要把三維的座標轉換成二維座標。一個最基本依據是：東西越遠，看到大小就越小，座標越往消失點靠攏。
　　透視公式：
　　 scale = fl / (fl + z);
　　 scale是大小的比例值，0.0到1.0之間，fl是觀察點到成像面的距離，通常這個值是固定，z就是物件的三維空間中的z軸。
　　在寫這些代碼之前，我喜歡用物件導向來描述我寫的這些東西，比如我需要一個情境，情境是個空間，空間內是可以容納各種物件的，物件是個對象，物件是是x,y,z三個維度，情境可以插入任意多的物件，物件就會以它的座標值，顯示在情境的特定位置，由情境來負責物件的顯示位置。
　　一些demo，請使用滑鼠移動及滾輪來控制。
效果1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><style> html,body{ padding:0px; margin:0px; height:100%; width:100%;overflow:hidden;} #box{ background:#ccc; height:100%; border:1px solid #ccc;position:relative; overflow:hidden;} #debug{ width:200px; background:#fff; border:1px solid #ccc; position:absolute; left:10px; top:0px;} </style><p>