跳到主要內容

發表文章

目前顯示的是 十月, 2008的文章

PV3D_AS2_CoverFlow

使用PV3D AS2版製作的CoverFlow效果
效能沒有AS3來的好。
但公式和原理都是一樣的
Demo:

SourceCodeDownload

ToobPlayer: A Free,Lightweight FLV YouTube Video Player

一套小巧型的Video Player
最酷的是他可以直接播放YouTube的影片
以後大家都可把YouTube影片播到自已的flash裡
不用吃自家的頻寬。

Download
API Reference Documentation
Example

Flash Fullscreen

在FLASH PLAYER8之前,要做滿版的設計
只能透過Javascript的呼叫
現在多了一個選擇
FLASH自已本身就能滿版,
PS:client端的PLAYER版本需為9,且在滿版時,無法打字
PLAYER10新增滿版時,可以使用部份的鍵盤鍵,如上下左右鍵。
看一下F1的說明:
全螢幕模式是相應於使用者按一下滑鼠或按壓按鍵的動作而觸發的;
只要使用者不輸入,影片就無法變更 Stage.displayState。
當 Flash Player 處於全螢幕模式期間,除了可讓使用者離開全螢幕模式的鍵盤快速鍵以外
所有的鍵盤輸入動作都會停用。當使用者進入全螢幕模式時
影片上方會出現 Flash Player 對話方塊,告知使用者已進入全螢幕模式
並且可以按 Escape 鍵離開全螢幕模式。
Demo:
http://milkmidi.com/demo/fullscreen/
如果要包在html的話,在embad的屬性裡要加入allowFullScreen參數
SourceCodeDown

AS2_go2_AS3

AS3.0已經上市好一陣子,國際上的許多好作品
都已改用AS3.0。
對大部份的設計師來說,AS3讓你們感到又害怕又想學
奶老師我把上課的教材,分享在blog,讓更多的人可以接觸AS3

概論
FLASH Player9 AS3.0是FLASH十年來,最大的一次改版,整個大躍進。
以前所學的AS2語法,到了AS3大部份已取消或是更改
核心架構全部重寫,效能上提升了許多,更有PV3D的加入,讓FLASH也擁有3d酷炫功能。
以前都是用movieClip打天下,什麼功能他都可以做到。
AS3把功能分開,需要用那部份的功能,就匯入該類別。
全部統一使用addEventListener的方法,以前的onRelease和addListener通通拿掉。
AS3在new一個可視物件時,並不會馬上出現在場景上,是會先在記憶體工作
當需要出現在場景上時,透過addChild的關鍵字加入。

AS2到AS3
AS1和AS2,在語法結構上差不多,AS1的語法和類別,一樣可以在AS2使用。
AS3把許多在AS2的類別取消掉,對初學者來學,一開始會辛苦一點,以前習慣用法,
通通不見。我們來概略的看一下。
可視物件屬性:
AS2:MovieClip屬性,都會有個底線開頭,如:mc._x,mc._y,mc._alpha
AS3:底線通通拿掉,直接用mc.x,mc.y來表示
alpha和scale:
AS2:100%值為:100
AS3:100%值為:1 , scale改成:scaleX和scaleY
_root和_parent:
AS2:_root永遠指的是最上一層的時間軸(不考慮_lockroot屬性和_level)。
AS3:root,就是該 SWF 檔案所呈現之顯示清單樹狀結構部分的最上層顯示物件。
程式碼:
AS2:可以寫在物件上或是時間軸上。
AS3:只能寫在時間軸上。
文字物件(動態文字):
AS2:可在動態文字,直接寫上變數。
AS3:取消,只能取實體名稱。
Library:
AS3已取消Identifier,新增Base Class

物件:
AS2:MovieClip打天下,什麼功能都用MovieClip來完成。
AS3:新增需多的類別,MovieClip是繼承最多的物件。

練習:在時間軸上,放置一個MovieClip,當按下該mc時,讓目前時間軸開始播放。
<br />stop();<br />_mc.ad…

FlashAS閃電,火焰效果

FlashAS閃電,火焰效果
純程式碼產生
扣掉圖檔,應該不到1K吧





SourceCodeDownload

swfAddress基本教學

swfAddress是什麼?
簡單來說就是讓全Flash的網站,每個單元都有獨立網址。
swfAddress官網
怎麼使用呢?
先來瞭解一下他的原理
1.點擊Button時,送一個自定字串給JavaScript
2.JavaScript在網址後方加入#/自定字串/
3.Flash端偵聽到網址改變,做對映的事。
假設有一button名為a_mc,按下後要gotoAndStop(20);
<br />stop();<br />SWFAddress.addEventListener(SWFAddressEvent.CHANGE,handleChange);<br />//偵聽當網址改變時的事件。<br />SWFAddress.setStrict(true);<br />//開啟嚴僅模式。<br /><br />a_mc.onRelease = function() {<br />//本來是直接寫gotoAndStop(20);<br />//改寫成SWFAddress.setValue('/about/');<br />//這樣當按下後,網址就會自動加上/about/<br />//因為網址改變了,所以偵聽的事件就會被觸發。<br />SWFAddress.setValue('/about/');<br />};<br />b_mc.onRelease = function() {<br />SWFAddress.setValue('/portfolio/');<br />};<br /><br /><br />function handleChange(e:SWFAddressEvent):Void {<br />//當網址有改變時,這個函式就會被執行<br />var _value:String = e.value;<br />//抓取網址#字號後的文字<br />trace("SWFAddress:" + _value);<br /&g…

法樂PV3D新作~

很有緣的在工作上和他們合作
也很有緣的來上我的PV3D課程
看到他們的PV3D大作,真是開心呀
使用3DMAX建模,並製作動畫
產生.DAE格式。
再使用PV3D裡的DAE類別,載入模型並播放
酷呆了呀。
檔案比較胖,請耐心等待
http://www.coltplus.com.tw/smartfilm/








奶綠老師所開設的PV3D班教學http://www.flycan.com.tw/course/course_flashpv3d.php

3D Rotation

最近一直在努力的K 3D相關的文章
原來只要透過數學公式,就可以讓Flash模擬3D空間
再加上Camera的透式效果。


Source Code Download

海尼根轉盤效果

分享出筆者製作的海尼根官網
Download單元裡的轉盤效果。
移動的部份一樣是使用Tweener類別
http://code.google.com/p/tweener/



Source Code Download

奶綠茶photoGalleryV3.5

奶小茶的photoGalleryV3.5原始檔
2007/12/30 更新小Bug,請重新下載
線上Demo:
http://milkmidi.com/photogallery/galleryv3.html
1.支援SWFAddress,讓FLASH可以有上一頁下一頁和每張獨立網址的功能
2.圖片路徑圖說經由XML來設定
3.背景依據顯示圖片,自動變化成最接近的顏色
4.非商業用途,歡迎使用並修改(如果覺得我製作的好,也煩請加入我的logo)
5.可結合後端伺服器 00.art 相本集資料夾
com 奶綠茶的Class檔
swfaddress SWFAddress資料夾
swfobject swfobject資料夾
XML
galleryV3.fla 原始檔
index.html 主檔html
SWFAddress.as
SWFaddressEvent.as


Source Code Download
解壓密碼:回覆文章,即可看見Password

GoogleAnalytics教學

GoogleAnalytics是什麼
簡單來說,就是可以檢驗網站的點擊率
這麼說,好像小看了這套系統,
除了點擊率之外,還能夠測遞減率等等的資訊
1.先到http://www.google.com/analytics/zh-TW/
申請使用



2.點選右上方的:我的 Analytics (分析) 帳戶

3.依步驟一直填一填


4.選擇新版的Google Code,並將其貼在.html裡的之前


5.FLASH端送訊號給Google。
因為FLASH的網頁,實體的html只有一頁,所以我們需要自行定義一些虛擬的html位置
假設場景上有二個Button。我希望偵測該點擊率
使用筆者所寫的Google類別
_mc.onRelease = function(){
//本來要做的事
Google.tracker("step1.html");//這裡的step1.html是我們虛擬的
};
之後就可以在Google分析裡,查到step1.html被點擊了多少次
6.如何檢測訊號是不是有送出去呢?
先在FireFox安裝httpFox
https://addons.mozilla.org/en-US/firefox/addon/6647
重新啟動FF,開啟httpFox外掛並按下左上方的Start,開始捕抓訊號



7.httpFox可以捕抓到client端向server呼叫的的http訊號。




有看到訊號端,有送出跟我們在FLASH端送出的名稱是一樣的
這樣就確定訊號有送到Google了


SourceCode Download

youtubeSliderShow

學生提到一個問題
youtube的圖片sliderShow
大概寫了個Demo
應該有幾分像



SourceCode Download