擴增實境(augmented reality,AR)發展近況及案例補充

AR問世到現在已經很長一段時間了,想要看歷史的可以參考小樽之前寫的這篇,早期傳統的AR其實因為受限於一些硬體或設備上的普及問題,成功商品化的案例不多,在上博班前小樽曾發表過一篇AR的Paper,比較像應用的分類研究型Paper套用在藝術領域的範圍,但本篇不是要跟大家討論學術而是應用層面(如下面這個應該很多人都看到爛的圖)

(image)

Paper已經發表完一段時間了,我想我就放影片連結讓大家看一下以前的一些不錯的經典案例,並且還有一些強者天天學弟等人100學年度專題報告整理的一些以前小樽沒貼過的AR相關應用,一併整理進來,會分三段文章撰寫,雖然這篇會很長…,但是應該可以提供不少過去到現在的重要資料供參考。 Read more »

用像片建立模型-Autodesk 123D Catch

或許再過去的歲月裡,各種研究圖學的專家都在想辦法實現這個Idea,之前小樽也介紹過微軟開發的類似技術,今天…Autodesk透過雲端運算的力量,讓你透過數張照片將各種人、物、場景建構成3D物件而不需先學會任何3D軟體…話不多說先看簡介吧:

你可以登入帳號取得Beta版的程式,當然這個軟體還在開發中,雖然小樽有貼過他的前身了…不過至今…甚至我想之後,Autodesk大概都想把這個運算綁雲端 Read more »

我的Wedding Party特殊驚喜花絮Part5-工程學篇

這篇要來講解的也是我們這次的特點之一,也就是裝備上的一些燈光效果的製作,一般的道具服、或者Cosplayer會動用到電路和燈具的比較少,因為要使用電至少多少需要一點點電器的基本知識,例如電壓、電流、DC/AC(交直流電轉換),除此之外還要想如何將供電設施裝在身上…總不能拉一條電纜…那就真的是EVA了,離開插座會有同步率下降的危險(疑)

(image)

食人魚之所以叫食人魚後來小樽爬文以後好像是因為它底座是四顆腳而且有尖齒狀吧,這種LED Read more »

HTML5案例觀摩 (四)各式近期HTML5案例選

  本篇將會將小樽第一堂課的課程中,針對目前HTML5可以做到哪些效果的案例,將剩下的案例一次寫完,不再獨篇介紹,如果往後有其他補充小樽再另開新文章。

RA RA RIOT—網址在此,這個作品一開始會要輸入一個名字,可以隨便打,按下Enter以後他會隨著音樂的播放,讓你可以控制滑鼠並展現出華麗的筆刷效果,同時他也是個小遊戲,吃畫面上的藍點會加分並且累積一些視覺效果,吃到紅色的則反,最後會結算你的成績~而要你輸入的名字也就是讓你登錄分數可用,附帶補充以前有一個小樽介紹過的效果很類似的Flash,提供比較參考。

(image)

BallDroppings網址在此,這個效果在以前的JavaScript也可以做到只是現在有canvas標籤就可以很容易的發布在網頁上,使用方法是你可以在螢幕上畫線,左方掉落出來的點就會因為你畫的線而產生反彈,依照不同的線所敲擊出來的聲音也不一樣,並可在畫面下方改變球的掉落速率和重力參數。 Read more »

HTML5案例觀摩 (三)Mirror 及HTML5與Flash爭議之我見

這是一位日本人寫的HTML5互動MV,網址在此,他特別的地方是在一開始會要求你輸入FACEBOOK/TWIITER以及詢問你是否啟用攝影機的選項:

(image)

  這陣子為了HTML5做了很多功課,小樽發現國內外諸多文章都在討論HTML5 V.S Flash或者極端一點HTML5會打死取代Flash,事實上小樽剛好再用這個案例做一點自以為中肯的評斷供大家參考,因為這個範例是結合HTML5和Flash一起做的,除了影片以外作品內截取Flash視訊做photo Mosaic的程式也是Flash在Run~因為HTML5目前為止沒辦法直接拿webcam視訊來做互動效果,或許以後會有辦法或替代方案(?)(image) Read more »

HTML5案例觀摩 (一)The Wilderness Downtown

這是一個很有名的以HTML5製作的網路互動電影(Interactive film)範例,為了得到最好的效果請用Chroma瀏覽器開啟,播放過程會有需要使用者介入操作的部份,請輸入你成長的家(the address of the home where you grew up),如果你給的資訊太少,程式會要你參考google map上你家的住址,可以輸入中文唷,輸入以後就可以Play Film。 原文網址:http://www.thewildernessdowntown.com/

(image)

看不懂的話小樽稍微解釋一下,這個網頁使用HTML5的技術撰寫,除了影音的播放以外,也整合使用Google Map的技術,還有展示了canvas互動效果,算是一經典DEMO範例。

 

認識HTML5 (二)瀏覽器支援度

因為Html5的規格都還在開發中,對於要支援什麼不支援什麼,其中參雜了許多商業競爭,舉例來說究竟網路影片格式要如何支援也是各家角力的項目之一,因為這牽扯到影片編碼的權利金問題。關於開發到現階段各家瀏覽器對於目前HTML5的支援度標準如何,比較可靠的參考數據就是THE HTML5 TEST網站,只要點開網站馬上幫你測你現在所使用的瀏覽器對HTML5的支援度和支援項目細節(下圖是用Google Chroma跑出來的分數)。

(image)

該網站有”目前”(2011/5/18)各家瀏覽器的支援狀況,為了等標準訂立出來以後還可以考古懷念一下,留一張目前為止的瀏覽器分數列表。 Read more »