2011年4月29日 星期五

pageFilp 教學(2) - 設計電子書封面的標題

上一頁 下一頁
1. 點擊pageflip_v225.fla,開啟這個檔案。


2. 選擇 page1

3. 刪除pFLPv2

4. 選擇文字框

5. 選擇字型

6. 輸入文字

7. 選擇「控制」選項中的「測試影片」,觀察執行結果

2011年4月28日 星期四

Flash範例(24)-地板鏡面反射-2

一個以Flash設計的跳躍的鉛筆場景,請注意地板的鏡面反射。鏡面反射:
1.上下相反 2.左右顛倒 3.鏡面上的花紋會在反射的影像上面。 4.反射影像有透明感。

修改地面反射鉛筆影子的屬性 Alpha 值,將"不透明度" 下降,即可修正合乎,第 3. 4. 點 法則。

下載原始檔案

http://163.22.234.55/Flash/ex-24/src.rar

Flash範例(23)-地板鏡面反射-1

一個以Flash設計的跳躍的鉛筆場景,請注意地板的鏡面反射。鏡面反射:
1.上下相反 2.左右顛倒 3.鏡面上的花紋會在反射的影像上面。 4.反射影像有透明感。

目前此例違反第 3. 4. 點 法則。

下載原始檔案

http://163.22.234.55/Flash/ex-23/src.rar

2011年4月27日 星期三

Flash範例(22)-影子變化動畫製作-5

一個以Flash設計的日出場景,有樹所有就要有樹影變化。影子原理:
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反

使用顏色漸變技術,做出第 3. 4. 點 法則。

下載原始檔案

http://163.22.234.55/Flash/ex-22/src.rar

Flash範例(20)-影子變化動畫製作-4

一個以Flash設計的日出場景,有樹所有就要有樹影變化。影子原理:
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反

使用遮罩技術,將樹影只投影在山,不會投射再其他沒有物體的地方。
此例違反影子原則 3. 4. 點。

下載原始檔案

http://163.22.234.55/Flash/ex-21/src.rar

Flash範例(20)-影子變化動畫製作-3

一個以Flash設計的日出場景,有樹所有就要有樹影變化。影子原理:
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反

影子移動已與太陽同步。
此例違反影子原則 3. 4. 7. 點。

下載原始檔案

http://163.22.234.55/Flash/ex-20/src.rar

Flash範例(19)-影子變化動畫製作-2

一個以Flash設計的日出場景,有樹所有就要有樹影變化。影子原理:
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
此例違反影子原則 3. 4. 7. 點,當太陽在最高點時,影子不可以再移動。

下載原始檔案

http://163.22.234.55/Flash/ex-19/src.rar

Flash範例(18)-影子變化動畫製作-1

一個以Flash設計的日出場景,有樹所有就要有樹影變化。影子原理:
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反

下載原始檔案


http://163.22.234.55/Flash/ex-18/src.rar

Flash範例(13&16)-解法


如圖上 是場景中實際物件位置與速度圖。此為以絕對不動的固定點之上視圖。 當我們把視點放在與車子同行時,所有的物體相對速度如下圖。 原則,離視點近的靜態物體,會反向幾乎與視點速率相同,離視點遠的靜態物體,會反向其速率小於視點,離視點很遠的靜態物體,會幾乎不動。動態物體除自己本身速度外,還要加上動態視點所產生的相對速度。請注意我使用速度,速率兩個名詞。速度是向量,速率是純量。




所以例子13的飛鳥不可能往螢幕右方飛,所以是錯誤的。正確應該是往螢幕左方飛,且速率大於近樹速率(類是督普勒效應)。我希望學生學會圖解法,這是做設計人的基本功力。例子16請同學自行解。禮卷我已請敏哥轉交,謝謝。

2011年4月24日 星期日

pageFilp 教學(1) - 下載免費的(free)製作電子書(ebook) Flash的樣版

下一頁

看到 ET 老師熱情貼文教導大家學習 Flash 技術,讓我動起想玩Flash的心,自己似乎也好幾年沒有碰Flash,回想起以前有一套工具 pageFilp ,是一套免費的(free)製作電子書(ebook) Flash的樣版,讓網址目前已在販售 pageFilp 第4版,功能變強很多,社員們可以上網玩一玩,網址: http://www.pageflip.hu/



免費的製作電子書Flash 樣版下載網址: http://www.pageflip.hu/pageflip2/index.php
【請點選下圖紅色圈的標示】

Flash範例(17)-變形與色調變化

一個以Flash設計的場景,使用變形與色調變化。

下載原始檔案


http://163.22.234.55/Flash/ex-17/sec.rar

2011年4月22日 星期五

Flash範例(16)-移動的汽車&跳動&近距離-7

一個以Flash設計的場景,範例16移動的汽車,視點設定與車子同行,而且很接近車子,注意所有物體移動的相對速度,鳥,近樹,遠樹,山,增加整個場景的逼真感。跟大家玩玩遊戲範例(12~16)有兩個範例是錯誤的,有誰可以留言告訴我,還有說明錯誤理由,我想來一個有獎問答(7-11禮卷五百),給第一個留言答出來的南開電通系同學。

下載原始檔案


http://163.22.234.55/Flash/ex-16/sec.rar

Flash範例(15)-移動的汽車&跳動&近距離-6

一個以Flash設計的場景,範例15移動的汽車,視點設定與車子同行,而且很接近車子,注意所有物體移動的相對速度,鳥,近樹,遠樹,山,增加整個場景的逼真感。跟大家玩玩遊戲範例(12~16)有兩個範例是錯誤的,有誰可以留言告訴我,還有說明錯誤理由,我想來一個有獎問答(7-11禮卷五百),給第一個留言答出來的南開電通系同學。

下載原始檔案


http://163.22.234.55/Flash/ex-15/sec.rar

Flash範例(14)-移動的汽車&跳動&近距離-5

一個以Flash設計的場景,範例14移動的汽車,視點設定與車子同行,而且很接近車子,注意所有物體移動的相對速度,鳥,近樹,遠樹,山,增加整個場景的逼真感。跟大家玩玩遊戲範例(12~16)有兩個範例是錯誤的,有誰可以留言告訴我,還有說明錯誤理由,我想來一個有獎問答(7-11禮卷五百),給第一個留言答出來的南開電通系同學。

下載原始檔案


http://163.22.234.55/Flash/ex-14/sec.rar

Flash範例(13)-移動的汽車&跳動&近距離-4

一個以Flash設計的場景,範例13移動的汽車,視點設定與車子同行,而且很接近車子,注意所有物體移動的相對速度,鳥,近樹,遠樹,山,增加整個場景的逼真感。跟大家玩玩遊戲範例(12~16)有兩個範例是錯誤的,有誰可以留言告訴我,還有說明錯誤理由,我想來一個有獎問答(7-11禮卷五百),給第一個留言答出來的南開電通系同學。

下載原始檔案


http://163.22.234.55/Flash/ex-13/sec.rar

Flash範例(12)-移動的汽車&跳動&近距離-3

一個以Flash設計的場景,範例12移動的汽車,視點設定與車子同行,而且很接近車子,注意所有物體移動的相對速度,鳥,近樹,遠樹,山,增加整個場景的逼真感。跟大家玩玩遊戲範例(12~16)有兩個範例是錯誤的,有誰可以留言告訴我,還有說明錯誤理由,我想來一個有獎問答(7-11禮卷五百),給第一個留言答出來的南開電通系同學。

下載原始檔案


http://163.22.234.55/Flash/ex-12/sec.rar

Flash範例(11)-移動的汽車&跳動-2

一個以Flash設計的場景,範例11移動的汽車,視點設定與車子同行,增加車子跳動更有逼真感。


下載原始檔案


http://163.22.234.55/Flash/ex-11/sec.rar

Flash範例(十)-移動的汽車-1

一個以Flash設計的場景,範例十移動的汽車,視點設定與車子同行。所以,車子相對視點是不動的,近樹,遠樹,山依序相對車子的運動速度。飛鳥對車子的相對速度等等。


下載原始檔案


http://163.22.234.55/Flash/ex-10/sec.rar

2011年4月21日 星期四

Flash範例(九)-動態增強三維場景

一個以Flash設計的場景,範例九只是一般二維平面設計。但是我們使用動態雲,讓近雲移動的快,且比較大。遠雲移動慢,且比較小。如此就可以利用視覺習慣,再觀看者中自動產生三維效果。此例為在高空的視點。


下載原始檔案


http://163.22.234.55/Flash/ex-9/sec.rar

Flash範例(八)-動態增強三維場景

一個以Flash設計的場景,範例八只是一般二維平面設計。但是我們使用動態雲,讓近雲移動的快,且比較大。遠雲移動慢,且比較小。如此就可以利用視覺習慣,再觀看者中自動產生三維效果。此例為在地面的視點。


下載原始檔案


http://163.22.234.55/Flash/ex-8/sec.rar

Flash範例(七)-日出-導引線

一個以Flash設計的場景,範例七只是一般二維平面設計。


下載原始檔案


http://163.22.234.55/Flash/ex-7/sec.rar

2011年4月19日 星期二

[ Android 3D Animation ] suhas3d 3D動畫小遊戲

下載網址:http://www.androidpub.com/450811
見下圖


展開後匯入Android並執行該程式,其執行結果如下圖:


下圖為上圖怪獸皮膚的貼圖


主要程式的列表如下:

package edu.android.suhas;

import java.io.IOException;
import java.io.InputStream;

import edu.union.graphics.IntMesh;
import edu.union.graphics.MD2Loader;
import edu.union.graphics.Model;

import android.app.Activity;
import android.os.Bundle;

public class suhas3d extends Activity {
InputStream is;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);

is = getResources.openRawResource(R.drawable.tris);

MD2Loader ld = new MD2Loader();
ld.setFactory(IntMesh.factory());

try {

Model model = ld.load(is,0.1f,"skin.jpg");

if(model.getFrameCount() > 1)
setContentView(new GLView(this, model));
else
setContentView(R.layout.main);
}catch(IOException e) {
setContentView(R.layout.main);
}
}
}

2011年4月18日 星期一

Flash範例(四)-語音-選擇題

一個以Flash設計的選擇題,題目是以語音的方式呈現,同時語音資料可隨時更換,不用修改程式。此範例可以發展成,語言的聽力測驗。


下載原始檔案


http://163.22.234.55/Flash/ex-4/sec.rar

2011年4月16日 星期六

Android 和 Blender 整合的好文章

本篇介紹兩篇有關於Android 和 Blender 整合的好文章
1. Creating 2D games with Android and Blender 發表在 http://organicandroid.blogspot.com/2010/11/creating-2d-games-with-android-and.html

2. Loading 3D models with the min3D framework for Android 發表在 http://www.rozengain.com/blog/2010/05/17/loading-3d-models-with-the-min3d-framework-for-android/

3. Loading multiple 3D objects from an Obj file (min3D for Android)
發表在http://www.rozengain.com/blog/2010/05/18/loading-multiple-3d-objects-from-an-obj-file-min3d-for-android/

4. Loading a 3DS file (min3D framework for Android)發表在 http://www.rozengain.com/blog/2010/05/17/loading-3d-models-with-the-min3d-framework-for-android/
差點忘記,去年我寫的一篇文章「利用Blinder來設計Android OpenGL物件模型」發表在http://cheng-min-i-taiwan.blogspot.com/2010/05/blinderandroid-opengl.html

2011年4月13日 星期三

Flash網站(六)-台灣布袋戲

此作品代表學校參加,中國第十屆挑戰杯,獲佳作。約四年前,學生名字廖本源,林黛妮。一個以Flash設計的網站,一般使用Flash設計網站最大的缺點是,SWF檔太大,在網路上傳輸很慢。使用系統工程的方法模組化,再利用程式作互動,也利用到FLASH "層" 的特性。簡言之我們將要傳送的資訊作架構上面的分割,可以讓使用者每一次按鍵,都傳送出去最小的資訊量,如此,就可以避開SWF檔案過大的問題。你操作時會發現,每次按鈕,只更改一小部分資訊。我們做一系列的作品,多方面不同的嘗試,證明此方法是可行的,而且,也發表過一些文章。我們從網站架構圖開始,到腳本設計,作後FLASH製作,每一個環節都有一個規範步驟。下面連結為文件範例,請參照。需要再進一步了解,可與我連絡。


http://163.22.234.55/Flash/Taiwanese/doc.rar

這一個部落格,會修改我崁入的程式碼,所以沒辦法將整個網站崁入此部落格中。在以wordpress為基礎的部落格,是可以將整個網站崁入,不會跳到另外一頁。所以我用iframe 這一個語法,故請用IE瀏覽器SORRY
。觀看完整做品請按"閱讀更多"(Read more)


2011年4月11日 星期一

Google Map 範例八 畫圓 & 位置搜尋

Google map 範例記得按查詢按鈕 http://163.22.234.55/Google_Map_Ex/ex-9

Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。

Android Game 造型動畫教學(八) - 善用精靈動畫編輯器

有一款精靈動畫編輯器功能很強,可以用來協助我們來替換遊戲中的精靈或魔鬼,下載網址在http://www.host-a.net/u/FallenChaosOnline/GMImageEditorTest.zip。例如在LGame遊戲開放源碼中有一款名為Barrage的遊戲,其執行結果如下:

其中在src\res\d.png可以看到下面的圖片。

這張圖是以png格式出現,但在同一圖檔中有5張圖,每一張為32*32,且背景是黑色。
我們把GMImageEditorTest.zip解開來,執行GM_ImageEditor.exe程式,執行後其畫面如下:

我們先選擇Test Sprite Editor

然後選擇File選單中的Create from file選項

我們開啟一個gif檔案,內有4張圖

我們複製其中一個圖片,把它變成5個。

調整圖片的大小




然後存成png檔取代原來的圖檔,在重新編譯即可,執行結果如下:

2011年4月10日 星期日

Google Map 範例七 多邊形,選單,標示 & XML

Google Map 範例記得按查詢按鈕 http://163.22.234.55/Google_Map_Ex/ex-8 下載原始檔: http://163.22.234.55/Google_Map_Ex/ex-8/index-9-2.rar

Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。

2011年4月9日 星期六

Google Map 範例六 多邊形與選單 & XML

範例記得按查詢按鈕 http://163.22.234.55/Google_Map_Ex/ex-7 下載原始檔: http://163.22.234.55/Google_Map_Ex/ex-7/index-9.rar

Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。

使用KML來設計Google Earth Hello World!

基礎閱讀淺談KML
此範例的連結在http://code.google.com/intl/zh-TW/articles/support/earthapikml-parsekml.html

我們可以利用<Kml;>和<Document;>兩的標籤來定義一個KML文件,
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
:
</Document>
</kml>

然利用<LookAt>標籤內含<longitude;>, ;<latitude;>和<range>三的標籤來定義位置的資訊
<LookAt>
<longitude>-122.6019092122753</longitude>
<latitude>37.79754178141562</latitude>
<range>10000</range>
</LookAt>
最後用<Placemark>來設定一些位置的記號。

完整的程式範例如下:
<html>
<head>
<title>Article Sample - parseKml</title>
<script src="//www.google.com/jsapi?key=ABQIAAAA5El50zA4PeDTEMlv-sXFfRSsTL4WIgxhMZ0ZK_kHjwHeQuOD4xTdBhxbkZWuzyYTVeclkwYHpb17ZQ"></script>
<script>
google.load('earth', '1');

var ge = null;

function init() {
google.earth.createInstance('map3d', initCallback, failureCallback);
}

function initCallback(pluginInstance) {
ge = pluginInstance;
ge.getWindow().setVisibility(true);

var kmlObject = ge.parseKml(
'<?xml version="1.0" encoding="UTF-8"?>' +
'<kml xmlns="http://www.opengis.net/kml/2.2">' +
' <Document>' +
' <name>Earth API KML Article Sample</name>' +
' <LookAt>' +
' <longitude>-122.6019092122753</longitude>' +
' <latitude>37.79754178141562</latitude>' +
' <range>10000</range>' +
' </LookAt>' +
' <!-- Point Placemark -->' +
' <Placemark>' +
' <name>Hello, Earth API!</name>' +
' <Style>' +
' <IconStyle>' +
' <Icon>' +
' <href>http://maps.google.com/mapfiles/kml/paddle/red-circle.png</href>' +
' </Icon>' +
' <hotSpot x="32" y="1" xunits="pixels" yunits="pixels"/>' +
' </IconStyle>' +
' </Style>' +
' <Point>' +
' <coordinates>-122.6019092122753,37.79754178141562,0</coordinates>' +
' </Point>' +
' </Placemark>' +
' <!-- LineString Placemark -->' +
' <Placemark>' +
' <name>Path</name>' +
' <Style>' +
' <LineStyle>' +
' <color>8000ffff</color>' +
' <width>10</width>' +
' </LineStyle>' +
' </Style>' +
' <LineString>' +
' <tessellate>1</tessellate>' +
' <coordinates>' +
' -122.6294072131804,37.78070448433935,0' +
' -122.6060178553204,37.79308109966063,0' +
' -122.5994909477651,37.78366884280404,0' +
' -122.5745875848465,37.7963818374369,0' +
' </coordinates>' +
' </LineString>' +
' </Placemark>' +
' <!-- Polygon Placemark -->' +
' <Placemark>' +
' <name>Polygon</name>' +
' <Style>' +
' <PolyStyle>' +
' <color>ff0000ff</color>' +
' <outline>0</outline>' +
' </PolyStyle>' +
' </Style>' +
' <Polygon>' +
' <tessellate>1</tessellate>' +
' <outerBoundaryIs>' +
' <LinearRing>' +
' <coordinates>' +
' -122.603342765523,37.80848188238179,0' +
' -122.59281964908,37.80492188939625,0' +
' -122.5848624703069,37.80776433129196,0' +
' -122.5878939818387,37.81416595215351,0' +
' -122.5992170485817,37.81772477364498,0' +
' -122.603342765523,37.80848188238179,0' +
' </coordinates>' +
' </LinearRing>' +
' </outerBoundaryIs>' +
' </Polygon>' +
' </Placemark>' +
' <!-- GroundOverlay -->' +
' <GroundOverlay>' +
' <name>GroundOverlay</name>' +
' <Icon>' +
' <href>http://www.google.com/intl/en_ALL/images/logo.gif</href>' +
' <viewBoundScale>0.75</viewBoundScale>' +
' </Icon>' +
' <LatLonBox>' +
' <north>37.80533086088634</north>' +
' <south>37.79696872797933</south>' +
' <east>-122.6098439020225</east>' +
' <west>-122.6363995437516</west>' +
' </LatLonBox>' +
' </GroundOverlay>' +
' </Document>' +
'</kml>'
);

if (kmlObject) {
ge.getFeatures().appendChild(kmlObject);

if (kmlObject.getAbstractView() !== null)
ge.getView().setAbstractView(kmlObject.getAbstractView());
}
}

function failureCallback(errorCode) {
}
</script>
</head>
<body onload="init();">
<h1>Using <code>parseKml</code></h1>
<div id="map3d_container" style="width: 500px; height: 500px;">
<div id="map3d" style="height: 100%;"></div>
</div>
<br/><br/>
<div id="notice" style="text-align: center; border: 1em 0em 1em 0em">
Except as otherwise <a
href="http://code.google.com/policies.html#restrictions">noted</a>,
the content of this page is licensed under the <a rel="license"
href="http://creativecommons.org/licenses/by/2.5/">Creative Commons
Attribution 2.5 License</a>.
<!-- <rdf:RDF xmlns="http://web.resource.org/cc/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<license rdf:resource="http://creativecommons.org/licenses/by/2.5/" />
</Work>
<License rdf:about="http://creativecommons.org/licenses/by/2.5/">
<permits rdf:resource="http://web.resource.org/cc/Reproduction"/>
<permits rdf:resource="http://web.resource.org/cc/Distribution"/>
<requires rdf:resource="http://web.resource.org/cc/Notice"/>
<requires rdf:resource="http://web.resource.org/cc/Attribution"/>
<permits rdf:resource="http://web.resource.org/cc/DerivativeWorks"/>
</License>
</rdf:RDF> -->
</div>
</body>
</html>

2011年4月7日 星期四

Google Map 範例五 側邊選單,資訊超連結


範例記得按查詢按鈕 http://163.22.234.55/Google_Map_Ex/ex-6

Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。

2011年4月2日 星期六

Google Map 範例四 經緯度查詢(南開科大學)

範例記得按查詢按鈕 http://163.22.234.55/Google_Map_Ex/ex-5

Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。

[ Google Earth] 淺談KML

在設計Google Earth相關應用程式時,KML是經常用來進行地理數據的交換格式之一,KML全名稱為Keyhole Markup Language,是一種以可擴展標記語言(eXtensible Markup Language, XML)語法標準為基礎的標記語言(Markup Language)之一。詳細說明可參閱http://zh.wikipedia.org/wiki/KML,以定位南開科技大學為例:
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Placemark>
<name>南開科技大學</name>
<description>這是地理標誌描述</description>
<Point>
<coordinates>120.696874,23.979901,0</coordinates>
</Point>
</Placemark>
</kml>

Flash網站(五)-南投陶與竹展

2006南投縣文化局委託計畫,為南投縣舉辦陶與竹展作一個介紹影片。原本是DVD版本,最近把它改成網路互動版本。因為網路關係,節目傳送速度可能會較慢。此節目由學校同仁合力完成,從構思,腳本,訪問,拍攝,剪接,配音,配樂,後製。參與此節目製作者有,文創意王佩琴老師,福科系華慧敏老師。
http://163.22.234.55/Flash/nantio/nantio.rar
觀看完整做品請按"閱讀更多"(Read more)

2011年4月1日 星期五

Flash範例(三)-選擇題

一個以Flash設計的選擇題,為李主任設計。因為,她為文科背景,為了可以讓她方便使用,所以設計成程式與題目分離,可以使用Notepad編修題目,與所有控制參數。


http://163.22.234.55/Flash/ex-3/sec.rar

萃取影片中的實物--豐富訊息內容具多樣性, 使更具可操作性

影片內容中的實物(例如人、魚、鳥、樹木、車...)也可以成為網路上資料庫搜尋對象, 這些具有人類感知意義的內容也可以被各自壓縮, 傳輸, 融合....,使得目前所能及的許多科技運作更為靈巧; 簡言之, 影片內容被物件化具有很多好處,待物件萃取成熟後,勢必創造出許多新型態的工業與工藝。 萃取影片中內容的方法很多,除了以手工方式辛苦完成外, 我們也可以訓練電腦幫助我們快速完成, 使得電腦像人一樣具有智慧, 可以鑑別自然影片中的重要訊息, 而不是僅僅是單純的一張照片、 一段影片。 想像真實世界中若能認識像星際大戰電影中C-3PO這麼聰明好玩的機器人朋友, 一定是很酷的事, 若有一天真能實現, 則即時視訊物件萃取技術一定在其中扮演重要的角色。現今而言, 發展萃取影片物件的技術仍然非常重要的, 新技術也一直被提出, 在此過程中也會衍生出很多意想不到的成果。 總之, 具有這些技術的人, 相信會是多媒體設計或創意業界所需要的人才。 以下影片中, 有一位桌球選手在進行發球前的調整運動。 前景包含人, 球拍與球:



經過我們設計的演算法, 可以自動找出球, 並且持續追蹤球的軌跡




以及手部的動作




如何作得更快? 歡迎集思廣益


詹益鎬