跳到主要內容

發表文章

目前顯示的是 10月, 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時,讓目前時間軸開始播放。 st...

FlashAS閃電,火焰效果

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

swfAddress基本教學

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

法樂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

滿版底色

有時我們在Design時,會需要放置一塊底色或是線段 能讓他一直是滿版。 但用for迴圈來排好像不方便 寫了個class,方便製作這樣的功能 我在shisdieo專案裡,這個功能很常用喔 SourceCode Download

PV3D 九公格方塊效果

Demo: http://fi.yamaha-motortown.com.tw/ 將原始碼分享出做教學使用 一起為台灣的FLASH界加油吧 需要有PV3D 2.0 Class和Tweener Class 才能發怖奶老師所寫的教學檔。 使用亮光材質, 滑鼠可以左右打擊方塊 Source code download 解壓縮密碼:回覆文章,即可看見密碼。