本社群由南開科技大學數位生活創意系負責維護,它是一群熱愛多媒體應用的專業教師所組成,大家一同快樂地共同研究有關多媒體網路規劃與設計、智慧型手機加值應用、及車載資通訊服務等技術,並將研究心得相互交流,共同培育多媒體應用之科技人才。
2011年4月29日 星期五
pageFilp 教學(2) - 設計電子書封面的標題
1. 點擊pageflip_v225.fla,開啟這個檔案。
2. 選擇 page1
3. 刪除pFLPv2
4. 選擇文字框
5. 選擇字型
6. 輸入文字
7. 選擇「控制」選項中的「測試影片」,觀察執行結果
2011年4月28日 星期四
Flash範例(24)-地板鏡面反射-2
1.上下相反 2.左右顛倒 3.鏡面上的花紋會在反射的影像上面。 4.反射影像有透明感。
修改地面反射鉛筆影子的屬性 Alpha 值,將"不透明度" 下降,即可修正合乎,第 3. 4. 點 法則。
下載原始檔案
http://163.22.234.55/Flash/ex-24/src.rar
Flash範例(23)-地板鏡面反射-1
1.上下相反 2.左右顛倒 3.鏡面上的花紋會在反射的影像上面。 4.反射影像有透明感。
目前此例違反第 3. 4. 點 法則。
下載原始檔案
http://163.22.234.55/Flash/ex-23/src.rar
2011年4月27日 星期三
Flash範例(22)-影子變化動畫製作-5
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
使用顏色漸變技術,做出第 3. 4. 點 法則。
下載原始檔案
http://163.22.234.55/Flash/ex-22/src.rar
Flash範例(20)-影子變化動畫製作-4
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
使用遮罩技術,將樹影只投影在山,不會投射再其他沒有物體的地方。
此例違反影子原則 3. 4. 點。
下載原始檔案
http://163.22.234.55/Flash/ex-21/src.rar
Flash範例(20)-影子變化動畫製作-3
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
影子移動已與太陽同步。
此例違反影子原則 3. 4. 7. 點。
下載原始檔案
http://163.22.234.55/Flash/ex-20/src.rar
Flash範例(19)-影子變化動畫製作-2
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
此例違反影子原則 3. 4. 7. 點,當太陽在最高點時,影子不可以再移動。
下載原始檔案
http://163.22.234.55/Flash/ex-19/src.rar
Flash範例(18)-影子變化動畫製作-1
1.上下相反 2.左右顛倒 3.強光影子明顯 4.弱光影子模糊
5.太陽高影子短 6.太陽低影子長 7.有物體才會有影子,影子是投射在物體上面
8.影子方向與太陽相反
下載原始檔案
http://163.22.234.55/Flash/ex-18/src.rar
Flash範例(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
【請點選下圖紅色圈的標示】
2011年4月22日 星期五
Flash範例(16)-移動的汽車&跳動&近距離-7
下載原始檔案
http://163.22.234.55/Flash/ex-16/sec.rar
Flash範例(15)-移動的汽車&跳動&近距離-6
下載原始檔案
http://163.22.234.55/Flash/ex-15/sec.rar
Flash範例(14)-移動的汽車&跳動&近距離-5
下載原始檔案
http://163.22.234.55/Flash/ex-14/sec.rar
Flash範例(13)-移動的汽車&跳動&近距離-4
下載原始檔案
http://163.22.234.55/Flash/ex-13/sec.rar
Flash範例(12)-移動的汽車&跳動&近距離-3
下載原始檔案
http://163.22.234.55/Flash/ex-12/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
2011年4月19日 星期二
[ Android 3D Animation ] suhas3d 3D動畫小遊戲
見下圖
展開後匯入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 整合的好文章
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 Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。
Android Game 造型動畫教學(八) - 善用精靈動畫編輯器
其中在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 Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。
2011年4月9日 星期六
Google Map 範例六 多邊形與選單 & XML
Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。
使用KML來設計Google Earth Hello World!
此範例的連結在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月4日 星期一
2011年4月2日 星期六
Google Map 範例四 經緯度查詢(南開科大學)
Google Maps API 金鑰 上Google申請 "Google Maps API 金鑰" Google 一下 就可以找到申請的地方。
[ Google Earth] 淺談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網站(五)-南投陶與竹展
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
萃取影片中的實物--豐富訊息內容具多樣性, 使更具可操作性
經過我們設計的演算法, 可以自動找出球, 並且持續追蹤球的軌跡
以及手部的動作
如何作得更快? 歡迎集思廣益
詹益鎬