為MAKE Vol 28(以及如何製作自己)的Layar增強現實 - 💡 Fix My Ideas

為MAKE Vol 28(以及如何製作自己)的Layar增強現實

為MAKE Vol 28(以及如何製作自己)的Layar增強現實


作者: Ethan Holmes, 2019

[視頻鏈接]我喜歡Layar為MAKE的玩具和遊戲問題創建的增強現實內容。領導這個項目的Layar的Gene Becker親切地寫了一篇關於創建增強現實雜誌封面的方法文章。跳轉後讀取它。

增強現實(AR)是一種將數字媒體覆蓋到物理世界的有趣技術。像iPhone和Android手機這樣的現代移動設備裝載了GPS,加速度計和相機等傳感器,使AR成為可能。在這個項目中,我們將用數字圖像增加MAKE雜誌的封面,並將其鏈接到網絡上的視頻。為了實現這一目標,我們將學習Layar AR平台的基礎知識,設計一個簡單的AR層,並開發一個非常基本的Web服務,將AR層提供給您的智能手機。

增強現實雜誌封面

在物理圖像上創建數字媒體增強功能,任何擁有智能手機的人都可以看到。

增強現實(AR)是一種將數字媒體覆蓋到物理世界的有趣技術。像iPhone和Android手機這樣的現代移動設備裝載了GPS,加速度計和相機等傳感器,使AR成為可能。在這個項目中,我們將用數字圖像增加MAKE雜誌的封面,並將其鏈接到網絡上的視頻。為了實現這一目標,我們將學習Layar AR平台的基礎知識,設計一個簡單的AR層,並開發一個非常基本的Web服務,將AR層提供給您的智能手機。

您需要什麼: - MAKE雜誌(或您想要增加的其他雜誌)的副本 - 訪問運行PHP的託管Web服務器,您可以將文件上傳到iPhone 3Gs,4或4或類似的安卓手機 - 手機上安裝的Layar Reality Browser 6.0應用程序(免費) - 一個Layar開發者帳戶(免費),網址為http://layar.com/publishing

有用的技能: - 對HTML,PHP和JSON的最小理解是有用的,但不是必需的

一步一步:1。設計項目並準備媒體資產2.為您的圖層創建Web服務3.設置圖層以進行發布4.測試您的AR創建

1.設計項目並準備媒體資產當您使用像Layar這樣的軟件平台擴充物理對象時,您需要一個包含這些組件的圖層的設計方案:目標對象,參考圖像,數字增強以及與之關聯的操作每次增加。對於這個項目,我們將保持簡單並使用一個對象,一個參考圖像,一個擴充和一個動作,如下所示:

- 目標對象:MAKE雜誌第28期,物理對象 - 參考圖像:雜誌封面的高分辨率數字圖像 - 增強:低分辨率數字圖像,我們將使用視頻預告片中的靜止幀來製作#28 - 動作:當觀眾在屏幕上點擊增強功能時,MAKE#28視頻預告片將在YouTube上播放。

有關其工作原理的超快速介紹,請觀看以下兩個簡短視頻:介紹Layar Vision Layar Vision解釋

將參考圖像下載到您的計算機,稍後我們將使用它。

2.為您的圖層創建Web服務Layar使用基於Web的API在移動設備和雲中的AR服務之間進行通信。不要擔心這個細節;我們將使用一個非常簡單的Web服務,包括3個簡單的PHP文件,格式化的文本文件(JSON格式)和步驟1中的媒體資產。

使用您喜歡的FTP實用程序,shell程序或Dreamweaver等Web編輯器訪問託管Web服務器。將此文件目錄下載到您的計算機,然後將其上傳到您的網站,保持目錄結構不變。您應該稍後探索這些文件,看看它們是如何工作的,但是現在這將為您提供最小的功能層服務。

您可以通過在瀏覽器中打開此URL來測試您的服務(用您的網站地址替換www.yourdomain.com/your-web-directory):http://www.yourdomain.com/your-web-directory/make的index.php。正確設置服務後,您應該看到一個格式化文本頁面,如下所示:

3.設置要發布的圖層接下來,我們將登錄Layar發布服務,設置圖層並上傳參考圖像。

轉到http://layar.com/publishing並創建開發者帳戶。

登錄帳戶後,您應該會看到如下所示的頁面:

單擊“創建新圖層!”按鈕,您將看到一個表單,您可以在其中輸入有關項目的信息。現在讓我們做必要的最低限度;你可以稍後回來探索出版環境。

對於“圖層名稱”,僅輸入小寫字母和數字的唯一名稱。對於“標題”,輸入將在應用中顯示的圖層的用戶友好名稱。對於“發布者名稱”,請輸入您的姓名或筆名。在“API端點網址”字段中,輸入第2步中圖層服務的網址;它看起來像http://www.yourdomain.com/your-web-directory/make/index.php。 “圖層類型”應設置為3D空間中的3D和2D對象。選中此框以啟用“Layar Vision”。單擊“創建圖層”按鈕。

在下一個屏幕上,您可以詳細編輯新圖層。現在,查看左側導航區域,找到並單擊“參考圖像”。點擊“上傳新參考圖片”。在對話框中,單擊“選擇文件”,然後從步驟2中選擇我們的參考圖像,make-reference-image.jpg。對於“圖像鍵”類型:make28將“真實世界高度”設置為0.25(物理Make雜誌的高度,以米為單位)。點擊“提交”,圖片完成上傳後點擊“我已完成上傳圖片”。關閉對話框後,單擊“保存”。

4.測試您的AR創建在手機上,啟動Layar應用程序。進入應用程序後,導航到“設置”>“帳戶”,然後使用Layar開發人員帳戶憑據登錄。這將允許您測試未發布的圖層。導航回圖層,您應該看到一個包含精選,熱門,新功能和測試的屏幕。單擊“測試”,您應該會看到列出的新圖層。單擊以啟動圖層。您現在將處於實時視頻模式,您應該看到一個帶有數字1的小圖標(表示您在步驟4中上傳的一個參考圖像)。這是真實的時刻 - 用手機查看Make#28副本的封面,幾秒鐘後你會看到增強的圖像出現!現在點擊擴充,您應該會看到Make#28的YouTube視頻開始播放!

恭喜,您是一名增強現實開發人員!

當然,我們只是觸及了表面,還有更多的領域需要探索。以下是一些可以深入了解AR的好資源:

Layar開發人員網站為有抱負的AR開發人員提供了大量文檔和教程。

對於技術水平較低的創作者,有一些易於使用的內容管理系統,允許您構建基於位置的AR圖層,無需編程。

Jens de Smit的PorPOIse開源層服務器是面向開發人員的全功能PHP層服務框架。



您可能感興趣

個人工廠 - 三維印刷方法

個人工廠 - 三維印刷方法


令人難以置信的創新歷史激發了Dayton Mini Maker Faire

令人難以置信的創新歷史激發了Dayton Mini Maker Faire


請參閱這個錯綜複雜的3D打印機械計算器的工作原理

請參閱這個錯綜複雜的3D打印機械計算器的工作原理


製造商聚焦:Steven Goodwin

製造商聚焦:Steven Goodwin






最近的帖子