Flash

THE ECO ZOO | ECODA!DOBUTSUEN．一個很棒的Flash 3D繪本網站~

我想~ 當Flash CS4正式推出後~ 網路上的3D應用會掀起大戰吧~ ^^

Open Screen Project推廣順利的話~ 我想以後Flash Player就更無所不在了 :p

不然怎麼和Google Android來拚咧~ 所以採取無需授權費的推廣真是一項利多~

包含了幾項重要的改革：

．Removing restrictions on use of the SWF and FLV/F4V specifications

．Publishing the device porting layer APIs for Adobe Flash Player

．Publishing the Adobe Flash® Cast™ protocol and the AMF protocol for robust data services

．Removing licensing fees – making next major releases of Adobe Flash Player and Adobe AIR for devices free

對我而言最重要的當然是第一條「Removing restrictions on use of the SWF and FLV/F4V specifications」~

目前的 SWF File Format Specification (Version 9)已經拿掉上圖的License Agreement ^^

這樣一來我們就可以直接寫軟體去"play"「SWF」檔案，而不是只能寫程式輸出「SWF」檔案嚕!~

相關資訊

．Adobe Open Screen Project - Open Specifications and Open Technology to Help Expand Flash Player Reach

Papervision3D．是一個針對Flash的開放源始碼3D引擎~ 想要在Flash中直接就產生一個3D Model~ 或是想要將3D軟體(3D Max or Maya)所建好的Model整合到Flash之中~ 那就不得不來玩玩這一套~ 最近熱的發燙滴「Papervision3D」~ 從去年一直火燒屁股滴直到今年還在燒 XDDDD~ 所以我也從去年一直觀望到現在~

今天就來給它玩玩看~ 本篇主要參考「Peter Elst » Papervision3D in 5 minutes」：

五分鐘上手Papervision3D

1. 先到「Google Code - Papervision3D」來下載並安裝「PV3DComponents_v1.5.1.mxp」這個Adobe Extension

(如果無法順利安裝的話~ 有可能是沒有裝Adobe Extension Manager或是版本較低的問題，請先裝上它吧~)

2.開啟Flash，並建立一個空白的FLA

3.接著從Components panel(Ctrl+F7)拉一個「COLLADA Scene」元件到Stage中，並給它一個instance name叫「scene3D」

4.然後下載「cube.dae」這個由Peter Elst所提供的Cube Model

5.接著開啟「Window > Other Panels > PV3DPanel」，並設定Local Directory、Collada File的位置，也就是你剛剛下載cube.dae的檔案位置。

6.開啟「File > Import > Import to Library」來匯入一張影像作為材質貼圖

7.將這張位於Library之中的影像，設定它的Linkage ID，筆者設為「ring」

8.點選剛剛拉到Stage之中的「COLLADA Scene」元件，並設定它的元件參數設定，主要設定「Materials List」這個屬性值~ 點選後請將「materialName」設為剛剛那張cube.dae的名稱為「CubeMaterial」，以及「materialLinkageID」設為剛剛的「ring」

9.最後在第一個影格上加上下述程式即可

function rotateCube(evt:Event):void
{
	scene3D.collada.rotationX += 1;
	scene3D.collada.rotationY += 1;
	scene3D.collada.rotationZ += 1;
}
addEventListener(Event.ENTER_FRAME, rotateCube);

10.接著就開開心心地發佈吧~ ^^

相關產品

Sandy 3D

本文接續著「跨網域請求(一) - Cross-Domain Script Tag」來繼續實作另一種透過Flash Plug-In的作法~

這種作法最大的缺點就是需要仰賴一個Plug-In的方式~

但隨著Flash Player Statistics所統計全世界可上網的電腦有安裝Flash Player就達到98.8%~ 所以此缺點看似影響並非太大~ 端看客官們如何取捨~

下述範例「flash.php」、「crossdomain.xml」須放在同一個網域之下

flash.php

<div><?=rand()+rand()?></div>

crossdomain.xml

這個「crossdomain.xml」須放置在根目錄下

<?xml version="1.0"?>
<cross-domain-policy>
   <allow-access-from domain="*" />
</cross-domain-policy>

ActionScript 3

這裡的ActionScript範例會執行外部的資源請求，並將請求所得到的值利用ExternalInterface呼叫「callJS()」的JavaScript，有興趣的人玩玩看吧~

var loader:URLLoader = new URLLoader();
sendRequest();
function sendRequest():void
{
	var request:URLRequest = new URLRequest("http://163.17.142.204/csproxy/flash.php?"+Math.random());
	request.method = URLRequestMethod.GET;

	loader.dataFormat = URLLoaderDataFormat.TEXT;
	loader.addEventListener(Event.COMPLETE, loader_complete);
	loader.load(request);
}
function loader_complete(e:Event):void
{
	var example:RegExp = new RegExp(/<div>(.*)<\/div>/);
	var trans = example.exec(loader.data);
	ExternalInterface.call("callJS",trans[1]);	
}

JavaScript

function callJS(result)
{
	alert(result);	
}

Kellen R. Maicher ．上圖這位是目前在Purdue University擔任「Department of Computer Graphics Technology」助理教授一職的老師，它專攻「Interactive Multimedia」~

剛剛不小心找到它們課程的網站：CGT 353: Principles of Interactive and Dynamic Media 中譯或許可以說成「動態媒體與互動的原理」XD~ 這不是重點~

重點在於~ 他們的課程完全使用「Flash」和「ActionScript 3.0」來教學~ 我的第一個感覺是~ 貴校果然是走在時代的尖端~ 跟上時代的腳步~ 尤其是課程內容的安排~ 感覺上就很紮紮實實地~ 值得借鏡與效法~