?嘿嘿嘿娜亿、
最近在各個死宅群和技術(shù)群犹菱，
大家不約而同安利了由矢吹老師的作品《ToLove》結(jié)合AR做的APP绕辖。
制作思路：
使用AR增強(qiáng)現(xiàn)實(shí)的效果胖腾，
在識別到一整張大的原圖之后霍比，
在一樣的位置出現(xiàn)一張一樣大小的同樣的彩色圖片幕袱，
但識別看到的東西添加一個圓形的Mask。
嘿嘿悠瞬，
這種看來簡(shen)單(shi)好玩的手機(jī)小應(yīng)用们豌，
深受歡迎，而且廣泛流傳浅妆，
想起幾年前望迎，
玩的GalGame，還是用打磚塊或者鼠標(biāo)移動過關(guān)的方式進(jìn)行脫衣凌外，
不禁贊嘆技術(shù)在進(jìn)度辩尊，時光在流逝。趴乡。对省。。
咳咳晾捏，
其中制作過程其實(shí)非常簡單蒿涎，甚至不用寫一句代碼，接下來讓我們自己動手做一個吧!
所需工具:電腦 配合?攝像頭/手機(jī)(安卓)
制作引擎:Unity3D
SDK技術(shù):VuforiaAR(以及各種AR技術(shù)都可以)
美術(shù)素材:黑白角色圖片?and 對其上色但天氣熱的圖片
正片：
打開Unity惦辛，(本項(xiàng)目使用了5.0.2版本劳秋，另外VuforiaAR只支持32位)
創(chuàng)建你的色情游戲項(xiàng)目，
記錄你的項(xiàng)目名字，
我創(chuàng)建的就叫ShenShiAR玻淑，等下需要用到嗽冒。
現(xiàn)在需要導(dǎo)入AR技術(shù)的SDK包，
我這里用一個叫VuforiaAR补履，識別比較穩(wěn)定添坊，
方面起見，也可以使用太虛VoidAR箫锤。
使用Vuforia贬蛙，要先注冊一個的賬號。
注冊完成后谚攒，下載其SDK阳准，雙擊下載好的*.unitypackage導(dǎo)入U(xiǎn)nity。
在Vuforia官網(wǎng)導(dǎo)航欄點(diǎn)擊Develop馏臭，
然后按Add License Key為APP創(chuàng)建一個License野蝇。
之后輸入的Application Name需要對應(yīng)剛剛創(chuàng)建的Unity項(xiàng)目名字，
如我創(chuàng)建的是：ShenShiAR括儒。
創(chuàng)建完成后绕沈，便會出現(xiàn)你剛創(chuàng)建的項(xiàng)目，然后點(diǎn)擊其名字塑崖，
便可以查看Key七冲，復(fù)制Key(等下需要用)。
然后繼續(xù)在Devolop中選擇TargetManager规婆，
按AddDatebase創(chuàng)建一個照片的庫，如我的叫ShenShiJPG蝉稳。
創(chuàng)建完成后點(diǎn)擊ShenShiJPG抒蚜，
上傳一張識別用的圖，即黑白圖片耘戚。
上傳完畢后勾選你的圖片嗡髓，然后Download Datebase。
把下載好的包拖進(jìn)Unity Project面板的Asset里收津。
準(zhǔn)備工作上面就做完了饿这，接下來編輯Unity。
新建一個場景(Ctrl+N)撞秋，把場景里面的東西先刪掉长捧，
然后在Project面板里的 Vuforia/Prefabs/ImageTarget 和 ARCamera 拉進(jìn)場景里。
①在ARCamera里填寫你剛獲得的LicenseKey吻贿，
②勾選LoadDateSet 并勾選Active激活識別串结，
③連接攝像頭。
最后如下圖所示：
①選擇場景中的ImageTarget在面板里選擇剛導(dǎo)入的圖片，
②在ImageTarget下面Create一個Plane肌割，調(diào)節(jié)其大小至合適卧蜓。
運(yùn)行一下，便可以觀察AR的效果把敞。
接下來弥奸，在Unity添加一個層Layer：BackGround，
設(shè)置ARCamera下面的Camera的Culling Mask只勾選BackGround奋早，
把場景找ARCamera下的Camera的BackGroundPlane的Layer設(shè)置為BackGround其爵，
這一步為了讓識別到的物體不可見。
在場景ARCamera下Create一個新的Camera伸蚯，并設(shè)置其Clear Flags為Solid Color摩渺，F(xiàn)iled of View的值為31.7063，
在Asset里Create一個RenderTexture剂邮，并拖進(jìn)新創(chuàng)建的Camera的Target Texture里摇幻。
新建一個UGUI Canvas設(shè)置RanderMode為Screen Space -Camera，新建一個Camera拉入其RenderCamera中挥萌，
添加一個Imaga作為眼鏡框绰姻，添加眼鏡框的圖到SourceImage，
再建一個Image引瀑，添加作為遮罩的圖片狂芋，Add Component 添加腳本Mask，取消勾選Show Mask Graphic憨栽，
在其下面添加UI - RawImage帜矾，把之前創(chuàng)建的RenderTexture拉入。
至此屑柔，AR透視功能基本制作完成屡萤。
官方動圖似乎還加了點(diǎn)鏡面的扭曲效果，非常真實(shí)掸宛，細(xì)節(jié)很到尾死陆，官方好強(qiáng)！好紳士唧瘾！
措译。。饰序。领虹。
咳咳，歡迎交流菌羽。
第一次寫這么低端掠械，而且長的攻略由缆，
感覺，非常累猾蒂。
感覺只要達(dá)到Unity入門水平均唉，甚至新手都能一步步操作過來，
所以大家能感受到就回復(fù)感謝就行肚菠。
最后舔箭，獻(xiàn)上發(fā)布和源項(xiàng)目供參考。
應(yīng)用APK下載:http://pan.baidu.com/s/1mi4GMPa
項(xiàng)目源文件:http://pan.baidu.com/s/1geCIpub(Unity5.0.2)
識別圖蚊逢，論一個會畫畫的程序猿
識別后的圖：
