JigLibFlash同時簡也整合了papervision3D、away3D 及 sandy3D的支援，針對不同3D engine的愛好者使用，它提供的API也十分易用易明，令我很欣賞這份細心。

以下這個是Stanley測試時做的demo:

>> 放大來看

是否很有趣呢~? 有興趣可以下載source code 來玩玩~ 要用Flash CS4 compile才行哦!
>> JigLibFlash Demo (480kb)

有用連結:
JigLibFlash Startup Guide
JigLibFlash Offical Website
JigLibFlash Documentation

當Stanley還在玩Flash MX 2004 的時候，跟本還未有這些3D Engine存在。可是，Stanley卻有一些方法，利用簡單的數學”騙”用戶的眼睛，巧妙地利用平面偽裝3D空間呢!

3D空間感的元素

首先我們要了解構成3D空間感的元素是甚麼:

• 物件位置 (position)
• 物件大小 (scale)
• 物件的深度 (depth)

一個很簡單的關係就是: 物件位置愈近，物件就愈大，物件的深度也是最頂。相反，物件位置愈遠，物件就愈小，物件的深度也是最低層。因此，如果你能夠寫到一個數學關係，可以從一個3D 位置(x, y, z)，計算出一個2D位置(x, y)、scale及depth，就不是已經完成了? 對! 就是這樣簡單啊!

例子

請先看Stanley 為大家準備好的例子:

>> 下載例子

酷嗎?是否很3D呢!?但它真是用2D偽裝出來的! 現在讓我為大家一一解構箇中玄機吧!

解構

其實整個程式的核心，就是以下的數式，我把這個數式放到一個class入面，方面大家使用:

public static function project(pos:Vector3D):Object {
  var mx:Number = pos.x;
  var my:Number = -pos.y; //in the 3D space, upwards means positive
  var mz:Number = pos.z;

  //calculate perspective
  var pers:Number = FISH_EYE / (1 + mz);

  //create return object
  var returnObj:Object = {
    x: mx * pers,
    y: my * pers,
    scale: pers * SCALE_FACTOR
  }

  return returnObj;
}

這個function你只要提供一個Vector3D的object，就可得出投射到平面上的位置及大小了。其中原理只是比例的計算，不深究了，但當中有兩個constant卻想談一談:

FISH_EYE:
如果你玩相機的，應該知道甚麼是焦距。焦距很短時(zoom out)，相片可包含多些景物，相反在長焦距時，相片卻看到景物的一小部份。FISH_EYE這個值，說的就是焦距值了。

SCALE_FACTOR:
是用來控制計算出來的scale的，方便調較場景物年大小比例。

* Vector3D是我自己寫的一個class，有x,y,z三個屬性及一些向量的計算函數，如加、減、倍大、dot product、cross product等，對於3D programming是很有用的!

編程流程

要做到這個pseudo 3D 的效果，我會建議你跟著以下的步驟做:

1. 準備movieclip
   先做好想在3D空間出現的movieclip，並設定好屬性，方便之後動態地用actionscript加到場景上
2. 設計場景
   用actionscript吧movieclip動態地加到場景上，並自行定義變數去儲著物件的3D位置(x, y, z)
3. Projection
   用我之前提供的函數，投射3D位置，得出2D位置及scale
4. 更新movieclip屬性
   得出projection的結果，你可更新movieclip的屬性，如x, y, scale, alpha, depth 等等

注意事項

1. Depth

在AS 2.0中，movieclip的depth很容易設定的:

//number 可以是任何整數，最方便就是用z的值做depth value
mc.swapDepths([number]); 

可是在AS 3.0中，已經沒有了swapDepths 這個函數了… 取而代之則是 setChildIndex 。可是，你不能隋便輸入任何整數的。例如你的containerMc中有20個logoMc，那麼以下的code就會有run time error了!

//error! 整數必須是由0 - 19，因為containerMc現在只有20個位
containerMc.setChildIndex(logoMc,30);

因此在AS 3.0中，要花心機寫排序的功能，把movieclip乖乖的編到0 – 19之中

2. 移動鏡頭

利用這個pseudo 3D的方法是沒有camera的，那如何可以做到移動camera的感覺呢? 答案是移動所有物件。比如你想把camera移近物件，其實相對地是可以看成物件移近camera。用這個relative motion的概念，就可以做出上面demo的效果了!

結語

在Flash中做3D效果，的確是有點難度，可是我卻很喜歡。因為3D programming，除了是編程外，還有美術，數學，物理以及程式優化等知識集於一身，必須相輔相成才可做到好的3D RIA。希望這個tutorial可以為大家提供一個低一點的門檻做3D程式吧!

>> 下載例子

>> 看其他教學

Photosynth是個免費的服務，一般用戶只需要有一個Microsoft Passport account (即你MSN的那一個)，並且安裝了Photosynth的plugin，你就可以開始建立你的3D空間了。上載相片之前，你當然是要準備你的相片吧。你可先試試拍一拍你的家的四周，甚至天花板及地板。但拍攝時也有一點要注意的，就是你的相片與相片之間須要有大概50%是overlap的。因為Photosynth的原理，是跟據相片之間的相似性，再計算出相片拍攝的角度及距離，最後把這些相片埋放在3D世界內。如果你的相片overlap的範圍太少，Photosynth就不能用盡你所有相片，做出不完美的效果了。

當你拍攝好後，就可開始Synth了! 整個Synth的計算都是在你的電腦上進行的，因此你的計算速度就全靠你的電腦性能了。Stanley的電腦CPU是P4 3GHz，1Gb RAM，我拍了24張共118Mb的相片，由分析計算至上載資料，大概用了5分鐘左右，而八成時間是用於上載，所以速度也很快。當完成後，程式會給你一個Synthy的分數，如果是70%，即指你有70%的相片用了來建立3D空間。

Photosynth這項技術用途也很廣，最基本的用途當然就是Virtual Tour吧。譬如去旅行時，可以試試籍著一個景點周圍拍。博物館、酒店房間、樓盤介紹等也是好好應用地方，如果租渡假屋的公司可以讓我先用Photosynth看看房間才租，你說多好呢…~ 另外Photosynth也可應用於產品介紹上，通過360度的相片，以及seadragon的deep zoom 技術，用戶就可以看到產品每一個角度最微細的地方了。

以下是我的實驗作:

熊貓屋
http://photosynth.net/view.aspx?cid=6de27e55-a749-40ee-b6fc-34939a9f83ea

我的NikeID 鞋
http://photosynth.net/view.aspx?cid=deff3649-298d-4819-8f39-686b511d7383

有關更多Photosynth的介紹，以及拍攝需知，請到Photosynth的網頁:
http://photosynth.net

我的熊貓屋

我的NikeID波鞋

Photosynth介面