什麼是FLARToolKit
簡單來說, 就是透過Webcam, 將虛擬的物件與真實的世界結合, 呈現在使用者的畫面
Demo影片：
http://www.youtube.com/watch?v=TW6_X9qBeds&feature=related
Youtube有許多相關的影片。
一開始的版本並不是Flash, 後來日本的程式設計師Saqoosha將其改寫成Flash版
並搭配PV3D。
你可以下載其原始碼來研究, 程式碼都是公開的。
http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
http://saqoosha.net/flartoolkit/start-up-guide/
要玩這個技術, 需要具備幾個點：
1.熟悉FlashActionScript3.0 , 特別是類別的部份。
2.略懂PV3D的架構, 因為裡面是用到PV3D的核心Engine。
3.需要有一台Webcam,
4.開始玩樂吧。
即然跟Flash有關, 而且也是PV3D, 奶小茶我當然是不會錯過
使用的是官網的Focus 3D模型車和FlarToolKit製作的Demo, 原始碼官網都有提供喔。
PV3D的相關課程, 可以參考飛肯學苑奶老師所開設的PV3D班。
奶小茶Demo的原始碼按我下載
簡單來說, 就是透過Webcam, 將虛擬的物件與真實的世界結合, 呈現在使用者的畫面
Demo影片：
http://www.youtube.com/watch?v=TW6_X9qBeds&feature=related
Youtube有許多相關的影片。
一開始的版本並不是Flash, 後來日本的程式設計師Saqoosha將其改寫成Flash版
並搭配PV3D。
你可以下載其原始碼來研究, 程式碼都是公開的。
http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
http://saqoosha.net/flartoolkit/start-up-guide/
要玩這個技術, 需要具備幾個點：
1.熟悉FlashActionScript3.0 , 特別是類別的部份。
2.略懂PV3D的架構, 因為裡面是用到PV3D的核心Engine。
3.需要有一台Webcam,
4.開始玩樂吧。
即然跟Flash有關, 而且也是PV3D, 奶小茶我當然是不會錯過
使用的是官網的Focus 3D模型車和FlarToolKit製作的Demo, 原始碼官網都有提供喔。
PV3D的相關課程, 可以參考飛肯學苑奶老師所開設的PV3D班。
奶小茶Demo的原始碼按我下載
留言
謝謝分享資訊^^
我要試試可不可以用在畢製上!!
我也繼續在研究中
這個影片不錯喔：
http://www.youtube.com/watch?v=obOZ5SSIMfM
我記得還有人把它做成類似世紀帝國AR版。連應用在iphone上的程式都有(網路上影片看到的)。
搞不好那一天遊戲王的遊戲也可以用這種另類的方式呈現喔!
我是看到這個影片才知道有這麼有趣的技術滴.....^++++++++++^
遊戲名稱叫 "Eye Pet "(PS3的遊戲)
http://www.youtube.com/watch?v=aPENA1Bpm68
另外，
日本在2008年發售了一套ARis-アリス愛莉絲的遊戲，網站如下：
http://www.geishatokyo.com/jp/ar-figure/
說明影片如下：
http://www.youtube.com/watch?v=yCCx7zANsGE&eurl=http://www.kleinerfisch.com/blog/2009/02/augmented-reality.html
分享給大家囉...
影片檔我是用軟體, 將Flash的畫面拍成影片格式, 要換模型的話, 可以使用3DMax或是Maya製作, 再匯出成特定的格式, 讓PV3D使用。
這特效也不錯的感覺
謝謝分享喔
看樣子有空要來研究這東西
我有做一個簡易的pattern製造器~但是好像太複雜的圖案還是會有問題說~
http://210.64.87.49/jyu/cameraRealCube/GridMaker.html
我索性把它直接變成不是0就255.....不知道是否這樣會有更清楚的判斷!?
那天看同事在用
太復雜的樣式會抓不到
然後黑色和白色是最好的
其他的話，我還要研究一下再來分享
因為最近一直在研究此方面的東西卻一直失敗@@
只是副檔名叫.dae
可以用筆記本打開來看
把本來的new Cube拿掉
換成
dae = new DAE(); dae.load("focusDAE/Focus.dae");
dae.scale = 20; dae.rotationX =90; this._baseNode.addChild(dae);
這樣就可以了
var dae:DAE = new DAE(); dae.load("focusDAE/Focus.dae");
dae.scale = 20;
dae.rotationX =90; this._baseNode.addChild(dae);
煩請重新下載
var dae:DAE = new DAE(); dae.load("我自己的.dae");
dae.scale = 20;
dae.rotationX =90; this._baseNode.addChild(dae);
但出現了errors:
1046: Type was not found or was not a compile-time constant: DAE.
請問您可以教我怎樣解決嗎??
先謝謝您!!!!
請問如果我想把一個3D animation的.dae 放進去可以嗎?
我在Maya use collada export了一個animated 的.dae
但放進去之後沒有animation,我也不會PV3D...
再次感謝!!!
可能是你在export時的選項沒有選到
如果要的話,要怎麼寫?
因我已試了很多export的選項
也參考過網上的教學
但export出來放進去也是no animation....
如果我想要把FLAR裡面中的dae還有jpg檔放到資料庫裡面,那要怎麼在pakage裡面宣告呢?因為一直有錯誤...謝謝喔><
superme777@yahoo.com.tw
什麼意思呢?
superme777@yahoo.com.tw
去呼叫一隻php，然後回傳.dae的路徑
成功後，得到路徑，去使用dae.load去載入模型
但是一個pattern的運算就很吃效能了
同時要判斷二個或三個
應該會跑不動
但不知道老師的DEMO原始碼是哪個檔案?
pv3d2.swf 打開只看到黑畫面...
另外請問
http://prius.ndm.tw/index.aspx#/hybrid
這裡的AR案例
"用手於鏡頭前輕觸畫面上的按鍵，即可啟動..."
是什麼方法做到的呢?
而Prius。用手於鏡頭前輕觸畫面上的按鍵，即可啟動
這只是用點陣圖的色彩差來判斷
當色彩有更改時，就觸發事件
我自己弄了一個圖型、並在網路上找到程式、用來產稱了 *.pat 檔
但套用到其它網站找到的範例中
重新發佈後也都沒反應
camera_para.dat 這檔案在日後的其它作品中我有必要自己建立嗎? 還是延用範例中提供的就行了?
camera_para.dat 和 mark.pat 在 SWF 發佈以後就是包含在 SWF 裡了嗎? 或者是 SWF 仍然要讀取外部的那兩個檔案?
然後有個方向性就可以
可以參考這個網站，有明確的說明。
http://www.mikkoh.com/blog/?p=182
camera_para.dat和mark.pat
是Flartoolkit一定需要的二個檔案
可以外載, 或是Embed到swf裡
一般我都是用Embed的
這樣檔案比較小
我可以請問一下^^
如何把影片轉成xml嗎~~
因為model，dae檔好像是吃xml格式的
想說用奶綠老師的範例，在改成影片的model的
不是很懂你的意思也
我用3D MAX轉出DAE
放下去RUN，結果沒有動畫，MODEL有出現
只是動畫不會動
奶綠大大也是用 3dMAX轉的嗎^^
我依照您上述的方式置換了DAE檔案
卻出現材質貼圖有出現.模型本身卻還是汽車
想請教我該修改那個部分...
謝謝
目前可以看到模型，但是貼圖不見了....
我想大概是我貼圖有問題...
很抱歉我對程式一竅不通
不過還是勞您駕，指點迷津
以下是DAE檔案的內容
Administrator
Right Hemisphere Collada Interface v1536.36 with FCollada v3.05.
2010-01-10T15:43:30Z
2010-01-10T15:43:31Z
Z_UP
./body.jpg
./body.jpg
./wheel.jpg
0 0 0 0
0.7922 0.7647 0.7647 0
1 1 1 0
0.1 0.1 0.1 0
0.490689
0 0 0 1
1
body-img
A8R8G8B8
body-img-surface
WRAP
WRAP
NONE
NONE
NONE
0 0 0 0
0.3804 0.2784 0.0588 0
0.05 0.05 0.05 0
0.364386
0 0 0 1
1
0 0 0 0
0 0 0 0
1 1 1 0
以下範例檔部分(修改前或後皆看不到材質)
var fmat:FlatShadeMaterial = new FlatShadeMaterial(light, 0xff22aa, 0x0);
//this._cube = new Cube(new MaterialsList({all: fmat}), 40, 40, 40);
//this._cube.z += 20;
//this._baseNode.addChild(this._cube);
var dae:DAE = new DAE(); dae.load("focusDAE/Focus.dae");
dae.scale = 20;
dae.rotationX =90; this._baseNode.addChild(dae);
麻煩你了.感謝
(還是我必須將DAE檔案MAIL給您?)
milkmidi@gmail.com
我已將檔案MAIL給您了，麻煩你了
感謝
抱歉想請問若用3DSMAXOR MAYA製作的動畫
如何轉成含動畫影格的DAE檔呢?
感謝萬分^^"
可以到這兒下載
http://milkmidi.blogspot.com/2010/02/daefor3dmaxmaya.html
可以請問要如何對應兩個以上PAT嗎?
不是要同時
是想做成翻頁的
每一頁一個PAT對一個DAE
感激不盡@@
= = 好像很多人不知道
很驚奇的樣子
我在官網下載下來的FLARToolKit阿
點選earth.swf檔
會出現一個地球在那邊轉
我想請問的是
我想把地球改成我自己的SWF檔
就是把地球換掉 改成我自己的SWF檔
請問該如何做?
程式碼方面要如何去修改
改哪裡?
問題有點多 感謝老師的教導