以Flash 模擬如何在平面中表現空間感.docVIP

以Flash 模擬如何在平面中表現空間感 洪偉肯 明志技術學院工業設計系 摘要 本研究在仁武廠駐廠期間完成, 主要以深度線索與電腦3D的幾何理論為基礎，探討影響空間感形成的因素，首先以文獻探討如何在平面中呈現3D空間感的方法，首先以無透視、一點透視、二點透視等三種效果進行實例創作，說明如何運用Flash之Action Script語法，經由透視比的轉換，在平面上呈現虛擬的3D透視效果，並瞭解其在模擬上的限制。再進一步以案例探討如何控制移動與旋轉以形成動態深度效果，如此即可在不需要真正虛擬實境的複雜運算下，作為模擬簡單3D互動介面設計之用途，亦可提供Flash媒體創作與設計者開發的參考。 關鍵字: 3D，深度線索，透視模擬，Flash Action Script ？3D環境中，，Wicken ,1985) 所舉之例說明: 圖1:單眼圖像式深度線索 圖片來源 Wicken，1985，p131.(size)：，，，，，(relative size)，(familiar size)，，，，(interposition)：，，，(lights and shadow)：，，elevation and clarity)：，，，(perspective and texture)：，，，，，，3D世界的深度線索，，，1.重疊、2.運動視差、3.雙眼視差。而「重疊」的深度線索不論在單眼與雙眼視覺、2D或3D的情況下皆會發生，(Wicken，1985)，，CUE）做綜合，以協助解釋其整體意義，這些資訊可總稱為深度線索（depth cues）。如Aks (1993) 的研究，、，Aks Enns (1992)，探討陰影對於深度理解之影響，Kleffner Ramachandran (1992) 有關陰影對物體形狀認知之影響等。 而綜合對三度空間視覺的視覺認知判斷因素，主要深度線索（depth cues）的形式，大致有物體間之重疊性，陰影、景深、透視、大小、材質紋路變化、運動變化、環境背景等線索，進行綜合平行處理而做理解。這其中只要有干擾因素時，即會產生幻覺，或對真實情況有錯誤之認知。 3以Flash表現3D 效果的方法 Flash受限於其本身是2D軟體，並不支援3D模型，且其Action Script語法僅提供x、y之參數並無z軸之深度變化。故其表現的效果較為平面與卡通化，也最常被應用於製作網頁互動媒體或向量動畫等。若要在Flash中模擬3D效果，就必需以2D的方式模擬3D以欺騙(fake)觀看者的雙眼，並運用深度線索所提的技巧強化立體感。 運用Flash模擬3D效果有3種方式[註1]: 1.Prerendered stream，如以Quicktime或gif動畫先製作好3D影片後再置入flash 中作運用，但一般而言可運用的互動性最低，檔案亦極大。 2.2D Sprite animation，個別3D物體預先在3D軟體中轉化成一張張的圖片，並分別輸入(import)至flash的library中成為演員(symbol)，並用Flash轉變為向量圖片(vector)，如此即可以一般處理2D的技巧(如移動、縮放、旋轉)產生較多的變化，其互動性亦相當高。 3.Realtime 3D rendering: 3D圖案與效果係透過Flash本身的Action Script程式電腦的即時運算呈現於畫面之中，互動性最高，如使用者可依其需求自行控制物件，一般而言檔案極小，但需較快的運算速度，設計者亦需具備程式設計的能力。 在Torben Nielsen與Michael Brandon Williams所著Super Samurai 技術資料中[註2]，運用亂數球以表現3D 空間效果的方法，提供了運用透視比觀念應用於Flash設計的新方向。本文則進一步以有規畫的方式，以不同透視效果進行實例創作，探討如何運用Flash中有限的語法與演算方式以模擬3D所需的尺寸、重疊、高地與清晰度、透視及紋理等深度線索，唯獨仍無法模擬光線與陰影，以下將以範例說明。 4.在Flash中的基本設定 為了有較佳的模擬效果，首先設定畫面(document)尺寸為800x600，然後在flash中以new symbol繪製一立體球圖形之MovieClip(尺寸不限)，並於instance命名為ball。之後以滑鼠將此球由library拖曳到畫面(scene)中。並將後述各例之程式輸入於影格軸frame1的Action內，再執行測試影片(test movie)即可。初始值設定中各參數意義如下: 1.origin_x : 產生第一顆球的x座標。 2.origin_y : 產生第一顆球的y座標。 3.ball_size = 100 :設定球尺寸為100。 4.i_num : i方向產生的圓球數目