多媒體&互動藝術相關
如果你是有在關注電玩訊息的朋友，應該很早就關注過XBOX360的Kinect的發展，在微軟一開始拋出一連串美好的廣告影片後，大家〈包含我XD〉都很懷疑有沒有這麼厲害~？影像辨識如何在沒有前置設定的狀態下迅速又輕易的捕捉到人體的姿勢手勢，當Kinect一出…馬上造成熱潮，起碼大方向來說微軟真的做到了，因為他單套件是USB傳輸，很快就有人把他接到電腦上開發了一堆程式…當時讓我覺得可以敗下去了的是Kinect打魔獸這支影片吧XD。
當然可以研究互動新技術又可以打電動當然就一定要敗囉，先大推一下XBOX360+Kinect的經典遊戲之一 Read more »
最近因為工作上有需求，需要再在Flash裡面插入Youtube影片，於是上網找找到了相關的google code API，順便就記一下當作筆記也提供給有需要的人
Ggoogle code API原文出處：http://code.google.com/intl/zh-TW/apis/youtube/flash_api_reference_as2.html#Examples
基本上一連進去就會看到他建議你用Action Script 3 撰寫，如果你已經上手的畫建議用AS3，但是如果因為任何理由需要用AS2來寫目前還是可行的，本篇以AS2的為主，AS3的教學請參照這篇原文說明
首先開一個AS2的Flash檔，並在第一個影格上輸入下面的程式碼: Read more »
這是強者大頭同學前陣子想買Tablet PC在做敗家功課時傳給我看的影片~這也是當今MOCAP現有技術的應用之一…其實有點像AR的進階延伸應用 Read more »
知名遊戲及遊戲引擎大廠Epic的unreal引擎發表免費版開發工具Epic Games Unreal Development Kit free for non-commercial use
(image)
系統需求 最低配備: •作業系統Windows XP SP2 or Windows Vista •2.0+GHz處理器 •2GB記憶體 •SM3-compatible顯示卡 •3GB可用硬碟空間 建議配備: •作業系統Windows Vista 64 SP2 •2.0+ GHz多核心處理器 •8GB記憶體 •NVIDIA 8000 series或以上的顯示卡 •越大越好的硬碟空間
(image)
安裝完居然是簡體中文顯示XD…對遊戲開發有興趣的人可以載來玩
下載頁面 http://www.udk.com/download.html
感謝銘育大哥的訊息
因為當兵中的關係很久沒寫教學了，因為因緣際會的關係下到台藝教了兩堂Sony Vegas教育訓練的課程〈感謝龔先生的安排〉，而應需求也一道講解了使用DVD Architect Pro包裝作品光碟的方法，一方面秉持小樽喜歡分享知識的初衷，加上希望能方便上過課程的朋友們在有問題的時候可以翻閱，因此趕緊來寫篇DVD Architect Pro的簡易教學
在此教學使用的是DVD Architect Pro 5.0b版本，基本功能與同版本是相同的，若往後教學有提及新版本特有功能會另外註明，有問題也歡迎發問，本篇教學比照Vegas的教學part1-以最簡單單隻影片做DVD選單至輸出為流程做教學，往後有空在做各部進階應用的教學
Step1:開啟工作視窗以後大略配置如下，點一下可以放大圖片
專案預覽區:會將你所要製做的選單結構以樹狀圖的方式呈現，方便你理解及編輯選單的從屬關係和階層
畫面預覽編修區:可以即時呈現出你的修改，以及提供你在畫面上做直覺的視覺編輯工作
內容屬性:區塊內的選項會因你目前所編修的項目而改變，例如你在編輯某一層表單的畫面時就會出現該表單的背景或按鈕屬性等資訊讓你可以自由修改
素材區:有四個模組可以切換，差異性在於素材的內容種類，總共有瀏覽器/主題/按鈕/背景四項如下圖
除了瀏覽器是讓你從電腦裡面尋找素材以外，其它三個選項顧名思義是提供你內建現成的各種素材，這些素材或佈景主題也可以上網下載
時間軸:允許你編輯匯入專案的視訊或聲音素材作時間標記或者設定簡易的片段範圍做為動態預覽影片
在本教學我們假設目前有一隻單隻完整的電影要做選單的包裝輸出，請點選檔案(File) > 新增(New)，會跳出視窗如下
(image)
以本教學的需求是選擇單一影片如上圖，確認資料無誤後按ok
Step2:之後DVD Architect會詢問你該影片的位置，請選擇你的來源影片，基本上Vegas能轉出來的影片格式DVD Architect就可以吃，選好以後你會發現檔案直接被讀到時間軸內了，預覽區也會看到你的影片，而影片結構的部分也會出現該影片的檔名
(image)
Step3:匯入影片完成後，我們通常會為一隻影片因故事進行的進度不同給予章節或故事段落的選項，以便觀賞者日後可以選擇想要看的片段直接做選擇，一方面也可以讓使用者用上/下一個章節來做影片欣賞的跳躍，所以我們來到時間軸的地方
(image)
DVD Architect時間軸的最上方有一個場景/章節的標籤，你可以在這行標籤列上的任何時間點下標籤並給予名字，他會影響你選單上章節的顯示名稱，所以想好各章節的名字是很重要的囉
新增標籤的方式是有兩種，一種是在標籤列上你想要下標籤的位置上點滑鼠右鍵選擇插入場景/章節標記
(image)
接著該時間點就會多出一個標籤並可以輸入名稱，中英文都可以放心輸入，如果要修改其文字只要在該標籤上面雙擊滑鼠兩下即可，以此方法將你影片中的段落通通給予名稱吧
Step4.章節名稱都給予以後，我們要將這些標籤都成為我們選單的選項，來到左上方專案預覽區，點選你的影片該層，按滑鼠右鍵選擇插入章節選擇副目錄如下圖
(image)
接著會跳出詢問畫面確認你的章節數以及選擇頁面的標題，你可以在這裡就替你的選單畫面命名或者事後也是可以修改的，確認後按下ok
(image)
接著剛剛你標記的選單就會出現在結構樹狀圖裡了
(image)
Step5.此時點擊畫面上方的(image) 可以進行預覽，預覽時畫面左方有模擬的DVD撥放器介面可以讓你測試章節的切換或選單的操作如下
(image)
預設的選單畫面通常我們不太滿意，如果要套用別的選單風格，可以在左上方樹狀圖的地方先雙擊章節選擇該層，讓預覽畫面切換到章節選擇頁面，接著到左下角選擇”主題”類素材，挑選想要的主題直接拖曳到預覽區便會自動套用如下圖
(image)
如果你可以接受這些佈景的預設擺置但是希望將底圖換成自己設計的圖片或影片，請到右方屬性區的功能表頁內容畫面，點選”背景媒體”，接著在下方式訓的地方點一下後方的…:Background.jpg處右方的下拉選單點一下選擇”替換”如下
(image)
之後便可選擇你自己想要當選單背景的影片或影像
Step6.到這裡匯入影片和製作基本選單的工作已經告一段落，只要確認無誤按一下上方預覽按鈕右方的(image) 即可開始將包裝好的影片輸出，DVD Architect會詢問您是要先做成檔案存在電腦裡或直接燒錄…等
(image)
接著就是等著熱騰騰的作品出爐囉
本教學的步驟到此告一段落，進階的應用例如如何大幅修改自定主題或者如何處理多段影片合輯…等功能請待下回有空時小樽在補上囉，感謝收看
這又是強者銘育大哥傳給我看的教學網站，上面有16個超強的Photoshop光線效果教學~超實用的教學哩，分別有下面幾則，雖然有點想翻譯成中文整理上來…不過礙於當兵休假時間少，就請大家自行連進去閱讀原文吧
設計Vista風格的桌布(Design a Vista Styled Wallpaper)
(image)
Vista的極光效果(Windows Vista Aurora Effect)
(image)
Design a Vibrant Blackberry Inspired Ad
(image)
(image)
奇妙的光線特效(Mysterious Lighting Effect)
(image)
如何建立眩光紋(How to Create Brilliant Light Streaks)
(image)
製作Mac風格背景(Creating a Mac-Type Background)
(image)
(image)
建立發光繪畫效果(Create a Glowing Light Painting Effect)
(image)
萃取雜質及噴槍特效(Abstract Dust And Spray Effect)
(image)
建立夢幻抽像背景(Make a dreamy abstract background)
(image)
(image)
抽象線條背景(Abstract Lines Background)
(image)
(image)
(image)
如何建立3D抽象圓(How to create 3D abstract circles)
(image)
原文網址 http://www.designshard.com/video-tutorials/16-great-photoshop-light-effect-tutorials/
姿勢是一種包含信息的身體動作，姿勢辨識技術是透過影像辨識技術來偵測人的各種姿勢變化進而提供互動回饋，本研究期望應用此技術在互動學習領域，透過於空間環境中「做中學」的概念，讓使用者以身體姿勢無負擔的方式與學習內容產生互動，讓使用者能夠融入系統所建構的環境或情境並得到適當的學習回饋。
在本研究中，作者將以錯視覺及敦煌連環壁畫作為互動學習之內容。分別以偵測手揮動以及腳步移動姿勢來設計兩套裝置式互動學習系統：「錯視覺手揮動互動學習牆」與「敦煌連環壁畫互動學習走道」。結合空間裝置藝術概念與互動媒體技術，兩套系統的設計理念均是讓參與者參與學習，盡量符合自然互動的精神。希望本論文之應用經驗未來能提供更多教學單位、數位藝術創作者或博物館參考使用。
關鍵詞：姿勢辨識、自然互動、數位學習、裝置式互動學習、未來博物館、數位藝術、錯視覺、敦煌連環壁畫
Gesture is one kind of message to body movement. The gesture-based technology detects various human beings’ gesture through image recognition technology and provides interactive feedback. The purpose of this study is to apply this technology in interactive learning system and in the concept of learning in “space installation” to make participants interact naturally in the systems and to allow users to immerse themselves in the learning system and to get the appropriate feedback from learning.
In this thesis, we used “Visual illusion artistic” and “Dunhuang running fresco” as the context of learning topics in our system. By using natural movements such as “walking” or “hand gestures”, we designed two interactive learning systems: “Walking through Dunhuang running fresco” and “Using hand movements to control optical illusions”. Integrating with the form of installation art and interactive media technology, the basic idea of the two systems is to conform to natural interaction essence. We hope that in the future the application in our systems can be used as a reference of digital artists and learning experts.
Keywords：Gesture Recognition, Nature Interaction, Digital Learning, Interactive Learning with Installation, Future Museum, Digital Art, Visual Illusion, Dunhuang Running Fresco
之前曾經寫過一篇新的image resize技術(SIGGRAPH2007)，今年2008年推出的Photoshop CS4馬上就內建這個功能，只是卡到時間的小樽一直把這篇文章放在後台放到都發霉了，現在講都不算新聞了，不過既然都寫了我還是把他寫完貼出來跟大家交流一下，技術上就如同上一篇發過的內容，他是以辨識畫面重點處理，將背景差異度較小的區域優先來做縮放的參考，以往有一些需要去背加工的效果可以局部被這個功能取代掉
下面就按部就班的來過程舉例，下面這張照片是拿強者諦達學長的小叮噹玩偶隨便亂擺亂拍的一張室內照，完全沒有加工甚麼都沒有調整的狀態下如下圖
(image)
然後我們來到PhotoshopCS4裡，先拷貝一個圖層出來，因為這功能跟大部分的特殊效果一樣不能套用在底圖上，之後呢選擇這個新的圖層執行 編輯 > 內容感知比率
(image)
然後試著把圖片寬度縮小，就得到下面這樣的圖，小叮噹本人幾乎變動不大還可以維持原型，但是注意看桌子跟牆壁已經扭曲很多了應該很好觀察，因為程式優先判斷小叮噹是我們圖中的重點，所以放在最後才處理他的resize
(image)
如果你看過上一篇原理應該就不用太驚訝他怎麼做到的，因為這是去年的Paper囉，只不過很快的在新版本photoshop派上用場
另外Photoshop新功能不少，其中包括像可以直接對obj用圖層貼圖也是很炫，在這個版本可以從偏好設定>效能裡面啟動OpenGL功能，所以對除了對3D的檔案格式支援以外，比較讓CG繪者心動的一個功能就是旋轉畫布
(image)
另外現在Zoom In可以Zoom到一個細到不行的地步，你可以試著把縮放比例調到3200%
(image)
連像素都放這麼大塊，而且移動的時候還有滑動的特效，真的是很囂張阿~
不過凡事都有代價，photoshopCS4雖然功能多很多效果很好很強大，但是資源消耗也是很重很嚇人，請玩玩看你的筆刷…你的游標跟筆刷像不像在玩你追我跑的遊戲XD，反而這點對CG繪者就很傷，有一好沒兩好，這是在原始設定沒有做任何更改或安裝其他外掛的狀況下就會，或許有各種調整或改善的方法，不過吃資源是個原罪，只要版本繼續更新電腦繼續發展，這種原罪會一直存在=w=
其他新功能有興趣的朋友就請上Adobe的官網欣賞囉，這篇的主旨重點是在呼應去年那篇Paper為主:p
恩，這已經是幾個禮拜以前的新聞了，感謝銘育大哥的資訊提供
Havok 提供 Behavior Tool – 製作遊戲角色互動軟件, 可於網上下載! 支援 max , maya 及xsi等製作的3D角色及動畫
(image)
這個技術現在才寫已經不算新orz…這是因為看到的時候沒有馬上寫就一直堆在草稿夾…總是要清倉一下orz，直接進入主題，甚麼是Photosynth，簡單來說，首先要在同一個場域裡面取得大量的相片資料以後，可以透過這個技術建立一個虛擬場景，可以像存在3D空間裡面自由移動然後取得某一個角度的照片，讓你有身歷其境的感覺，下面這是官網
因為這是微軟的技術…而且現在有提供建立屬於自己的Photosynth，只要用你的MSN帳號登入就可以使用囉，當然~這個效果需要對應的瀏覽器Plug-in來觀看，而官網上也提供了許多現成的範例
這個技術還繼續在改良中，而SIGGRAPH2008中有相關技術影片資料，如果看不懂小樽的講解可以直接上官網玩一下就知道了，或者直接瀏覽下面影片
