<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Image Target &#8211; 記下來</title>
	<atom:link href="https://noter.tw/tag/image-target/feed/" rel="self" type="application/rss+xml" />
	<link>https://noter.tw</link>
	<description>一路上踩到的坑、遇到的問題，一點一滴記下來，希望能幫助到需要的人~</description>
	<lastBuildDate>Sat, 07 Nov 2020 15:20:27 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.3</generator>

<image>
	<url>https://noter.tw/wp-content/uploads/cropped-old-1130742_1920-1-32x32.jpg</url>
	<title>Image Target &#8211; 記下來</title>
	<link>https://noter.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Qualcomm Vuforia 教學 (2) &#8211; Create Image Target</title>
		<link>https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/</link>
					<comments>https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/#respond</comments>
		
		<dc:creator><![CDATA[黃小蛙]]></dc:creator>
		<pubDate>Tue, 09 Dec 2014 04:17:40 +0000</pubDate>
				<category><![CDATA[手機 App]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[AR]]></category>
		<category><![CDATA[Qualcomm]]></category>
		<category><![CDATA[Vuforia]]></category>
		<category><![CDATA[Image Target]]></category>
		<category><![CDATA[Target Manager]]></category>
		<guid isPermaLink="false">http://wazai.net/?p=3347</guid>

					<description><![CDATA[<p>接續上篇&#160;Qualcomm Vuforia 教學 (1) – 安裝 Vuforia 建置好 Vuforia 環境後，這邊繼續記錄怎麼建立一個 Image Target (目標影像)，來取代原&#46;&#46;&#46;</p>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/" data-wpel-link="internal">Qualcomm Vuforia 教學 (2) &#8211; Create Image Target</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p>接續上篇&nbsp;<strong><a rel="noreferrer noopener" aria-label=" (在新分頁中開啟)" href="https://noter.tw/3320/qualcomm-vuforia-%e6%95%99%e5%ad%b8-1/" target="_blank" data-wpel-link="internal">Qualcomm Vuforia 教學 (1) – 安裝 Vuforia</a></strong> 建置好 Vuforia 環境後，這邊繼續記錄怎麼建立一個 <strong>Image Target</strong> (目標影像)，來取代原本的石頭跟木屑的 Image Target。 </p>



<span id="more-3347"></span>



<p><strong>2016-07-07 更新：本篇為 3.x 版本，目前 Vuforia 以更新到 5.5.9，新版本使用方式請參考&nbsp;</strong></p>



<p><strong>Android Vuforia 系列：</strong></p>



<ul class="my-li bg-darkblue wp-block-list"><li><a href="https://noter.tw/3639/android-vuforia-with-jpct-ae-1-%e5%9f%ba%e6%9c%ac%e7%af%84%e4%be%8b/" data-wpel-link="internal">Android Vuforia with jPCT-AE (1) – 基本範例</a></li><li><a href="https://noter.tw/3688/android-vuforia-with-jpct-ae-2-%e8%bc%89%e5%85%a5-obj-%e6%b8%ac%e8%a9%a6/" data-wpel-link="internal">Android Vuforia with jPCT-AE (2) – 載入 obj 測試</a></li><li><a href="https://noter.tw/3735/android-vuforia-with-jpct-ae-3-%e8%bc%89%e5%85%a5-md2-%e6%b8%ac%e8%a9%a6/" data-wpel-link="internal">Android Vuforia with jPCT-AE (3) – 載入 md2 測試</a></li><li><a href="https://noter.tw/3737/android-vuforia-with-jpct-ae-4-%e8%bc%89%e5%85%a5-3ds-%e6%b8%ac%e8%a9%a6/" data-wpel-link="internal">Android Vuforia with jPCT-AE (4) – 載入 3DS 測試</a></li><li><a href="https://noter.tw/3739/android-vuforia-with-jpct-ae-5-%e5%a4%9a%e9%87%8d%e6%a8%a1%e5%9e%8b%e8%bc%89%e5%85%a5%ef%bc%8c%e4%bb%a5-obj-%e7%82%ba%e4%be%8b/" data-wpel-link="internal">Android Vuforia with jPCT-AE (5) – 多重模型載入，以 obj 為例</a></li></ul>


<p>Qualcomm Vuforia 使用 Image Target 的方式有三種：</p>
<ol>
<li>透過 <strong>device database</strong> (100 個影像內)</li>
<li>使用 <strong>cloud recognition database</strong> (1000 個影像與成功辨識內免費)</li>
<li>執行期間透過選取相機畫面，<strong>動態新增</strong>至 device database</li>
</ol>
<p>這篇小蛙要記錄透過 Target&nbsp;Manager 建立 Image Target 後，使用上述第一種 device database 的方式測試。<br>Vuforia 官網上有非常多關於怎樣讓影像特徵 (features) 更顯著的方法，不過小蛙很懶沒有認真看，以下隨意列出之前的筆記</p>
<pre>1. 使用者可以上傳 RGB 以及灰階的 JPG 或 PNG，同時大小小於 2MB
2. 程式執行期間， Vuforia SDK 最高可以同時偵測到五個 target，效能部分取決於 CPU loading 以及 GPU
3. 提高對比度可以增強 feature 被擷取
4. 避免重複出現的圖案
5. sharp, spiked, chiseled(輪廓分明) 能被取出 feature，
   例如：正方形有 4 個 feature、圓形沒有 ... 等</pre>
<p>上面是小蛙隨意記錄，也許可能認知上有些問題，有興趣可以直接去查看官網，或是當一張圖的辨識度太低時，再來回頭找解決方法。現在開始建立 Image Target 步驟。</p>
<p style="padding-left: 30px;">&nbsp;1. 到 https://developer.vuforia.com/target-manager ，登入後點選 <span style="color: #ff0000;"><strong>Create Database</strong></span><br><a title="005.png" href="http://lh5.ggpht.com/-b2Pf1hRVpfo/VIZrndipwKI/AAAAAAAAKjY/NAEh7WCnBF4/s0/005.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="005.png" src="//lh5.ggpht.com/-b2Pf1hRVpfo/VIZrndipwKI/AAAAAAAAKjY/NAEh7WCnBF4/w500-o/005.png" alt="005.png"></a></p>
<p></p>
<p style="padding-left: 30px;">2.&nbsp;輸入資料庫的名字，這邊小蛙用 wazai 當測試<br><a title="006.png" href="http://lh6.ggpht.com/-4CydIEDTdnw/VIZrnXMi1CI/AAAAAAAAKkY/aMO4GqXgVns/s0/006.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="006.png" src="//lh6.ggpht.com/-4CydIEDTdnw/VIZrnXMi1CI/AAAAAAAAKkY/aMO4GqXgVns/w500-o/006.png" alt="006.png"></a></p>
<p></p>
<p style="padding-left: 30px;">3.&nbsp;建立完成後可以看到下圖，接著點選右上角的 <span style="color: #ff0000;"><strong>Add Target</strong></span> 開始建立目標影像<br><a title="007.png" href="http://lh3.ggpht.com/-PZwo758Gb5g/VIZrnRkrehI/AAAAAAAAKjc/muDI3rY6oao/s0/007.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="007.png" src="//lh3.ggpht.com/-PZwo758Gb5g/VIZrnRkrehI/AAAAAAAAKjc/muDI3rY6oao/w500-o/007.png" alt="007.png"></a></p>
<p></p>
<p style="padding-left: 30px;">4.&nbsp;分別輸入 <span style="color: #0000ff;"><strong>Target Name (目標名稱)</strong></span>、<span style="color: #0000ff;"><strong>Target Type (目標類型)</strong></span>、<span style="color: #0000ff;"><strong>Target Dimension (目標維度)</strong></span>、<span style="color: #0000ff;"><strong>Target Image File (目標影像檔)</strong></span>，如下圖依照自己的需求輸入或建立 (這邊小蛙還不太清楚 Target Dimension 要怎麼設定，先隨便設定 500，這跟你的 3D model 大小有關)<br><a title="009.png" href="http://lh3.ggpht.com/-nmnOj7-u-RI/VIZrodtzhaI/AAAAAAAAKjk/FTsW3wNJwtY/s0/009.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="009.png" src="//lh3.ggpht.com/-nmnOj7-u-RI/VIZrodtzhaI/AAAAAAAAKjk/FTsW3wNJwtY/w500-o/009.png" alt="009.png"></a></p>
<p></p>
<p style="padding-left: 30px;">5.&nbsp;建立完成後可以看到剛剛建立的資訊<br><a title="010.png" href="http://lh3.ggpht.com/-H6609P260TQ/VIZro6BpBcI/AAAAAAAAKjs/7L955x_JQL0/s0/010.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="010.png" src="//lh3.ggpht.com/-H6609P260TQ/VIZro6BpBcI/AAAAAAAAKjs/7L955x_JQL0/w500-o/010.png" alt="010.png"></a>&nbsp; &nbsp;&nbsp; <a title="011.png" href="http://lh4.ggpht.com/-BsrPqCQVTVM/VIZrpLeJJrI/AAAAAAAAKj4/ZU-laSW3Dhs/s0/011.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="011.png" src="//lh4.ggpht.com/-BsrPqCQVTVM/VIZrpLeJJrI/AAAAAAAAKj4/ZU-laSW3Dhs/w500-o/011.png" alt="011.png"></a></p>
<p></p>
<p style="padding-left: 30px;">6.&nbsp;下載剛剛建立的資料庫，這邊有一個限制是最大目標下載只能 100 個，點選「<span style="color: #ff0000;"><strong>Download Selected Targets</strong></span>」<br><a title="012.png" href="http://lh6.ggpht.com/-RmeZFptKfUY/VIZrphnNDLI/AAAAAAAAKkU/DeYbWJGr26c/s0/012.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="012.png" src="//lh6.ggpht.com/-RmeZFptKfUY/VIZrphnNDLI/AAAAAAAAKkU/DeYbWJGr26c/w500-o/012.png" alt="012.png"></a></p>
<p></p>
<p style="padding-left: 30px;">7.&nbsp;依照需求選擇，小蛙使用 Eclipse 做測試，因此選擇 <span style="color: #ff0000;"><strong>SDK (Eclipse, Ant, Xcode, ect.)</strong></span> 這個<br><a title="013.png" href="http://lh3.ggpht.com/-W_fWrFsI2zU/VIZrqHqYimI/AAAAAAAAKkI/zHCieGpBI6M/s0/013.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="013.png" src="//lh3.ggpht.com/-W_fWrFsI2zU/VIZrqHqYimI/AAAAAAAAKkI/zHCieGpBI6M/w500-o/013.png" alt="013.png"></a></p>
<p></p>
<p style="padding-left: 30px;">8.&nbsp;解壓縮 wazai.zip 可以得到<span style="color: #ff0000;"><strong> wazai.dat</strong></span> 與 <span style="color: #ff0000;"><strong>wazai.xml</strong> </span>兩個檔案，把這兩個檔案放在 Eclipse VuforiaSample 專案下的 <span style="color: #ff0000;"><strong>assets</strong> </span>目錄，在這個資料夾下，還會看到 <span style="color: #0000ff;"><strong>StonesAndChips.dat</strong>, <strong>StonesAndChips.xml</strong>, <strong>Tarmac.dat</strong>, <strong>Tarmac.xml</strong></span> (有看到他們擺一起就對了)</p>
<p style="padding-left: 30px;">9.&nbsp;接著從 Eclipse 編輯 <span style="color: #ff0000;"><strong>com.qualcomm.vuforia.samples.VuforiaSamples.app.ImageTargets/ImageTargets.java</strong></span>，搜尋<span style="color: #0000ff;"><strong> .xml</strong> </span>(大約在 105 與 106 行左右)。小蛙把 mDatasetStrings.add(&#8220;StonesAndChips.xml&#8221;); 註解掉，並且加入剛剛的設定檔</p>
<pre>    //mDatasetStrings.add("StonesAndChips.xml");
    mDatasetStrings.add("wazai.xml");
    mDatasetStrings.add("Tarmac.xml");</pre>
<p style="padding-left: 30px;">10.&nbsp;這時候 238 行左右 <span style="color: #ff0000;"><strong>((Switch) mFlashOptionView).setChecked(false);</strong></span> 會報錯誤，加上 <span style="color: #0000ff;"><strong>@SuppressLint</strong></span> 就可以了<br><a title="014.png" href="http://lh6.ggpht.com/-thbS40Z1fEI/VIZrqsx9WiI/AAAAAAAAKkQ/srXh2RojWcI/s0/014.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img decoding="async" class="pe2-photo aligncenter" title="014.png" src="//lh6.ggpht.com/-thbS40Z1fEI/VIZrqsx9WiI/AAAAAAAAKkQ/srXh2RojWcI/w500-o/014.png" alt="014.png"></a></p>
<p></p>
<p style="padding-left: 30px;">11.&nbsp;執行專案，可以發現剛剛的石頭跟木屑的 ImageTarget 已經不會出現茶壺了，試看看剛剛建立的 dog 的 ImageTarget，茶壺是不是在上面呢? 這個茶壺的大小跟剛剛設定的 <span style="color: #0000ff;"><strong>Target Dimension</strong></span> 有關。<br><a title="015.png" href="http://lh6.ggpht.com/-tlsj4Mf4ies/VIZrq-noZlI/AAAAAAAAKkk/qWU5H3R6mnE/s0/015.png" target="_blank" rel="noopener nofollow external noreferrer" data-wpel-link="external"><img fetchpriority="high" decoding="async" class="pe2-photo aligncenter" title="015.png" src="//lh6.ggpht.com/-tlsj4Mf4ies/VIZrq-noZlI/AAAAAAAAKkk/qWU5H3R6mnE/w500-o/015.png" alt="015.png" width="180" height="320"></a></p>
<p style="padding-left: 30px;">12. 附帶一提，如果是要更換不同顏色的茶壺，可以在<span style="color: #ff0000;"><strong> ImageTarget.java</strong></span> 中的<span style="color: #0000ff;"><strong> loadTextures()</strong> </span>中，加入或修改自己需要的材質，並搭配<span style="color: #ff0000;"><strong> ImageTargetRender.java</strong> </span>來做設定的動作，這邊不細說明了，試著把 loadTextures() 中的<span style="color: #0000ff;"><strong> TextureTeapotBrass.png, TextureTeapotBlue.png, TextureTeapotRed.png</strong></span> 調換順序，就可以看到原本的茶壺顏色交換了。</p>
<p>到這邊我們已經可以把 Vuforia 的範例跑起來，並且建立一個屬於自己的 Image Target，讓 VuforiaSample 可以辨識並且出現茶壺(?!)，第 12 步驟雖然沒有詳細說明，不過照著做可以讓茶壺的顏色交換，Vuforia 系列文章目錄如下：</p>


<p><strong>Qualcomm Vuforia&nbsp;</strong><strong>系列：</strong></p>



<ul class="my-li bg-darkblue wp-block-list"><li><a href="https://noter.tw/3320/qualcomm-vuforia-%e6%95%99%e5%ad%b8-1/" data-wpel-link="internal">Qualcomm Vuforia 教學 (1) – 安裝 Vuforia</a></li><li><a href="https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/" data-wpel-link="internal">Qualcomm Vuforia 教學 (2) – Create Image Target</a></li><li><a href="https://noter.tw/3360/qualcomm-vuforia-%e6%95%99%e5%ad%b8-3-%e6%9b%bf%e6%8f%9b%e8%8c%b6%e5%a3%ba-android-%e7%89%88%e6%9c%ac/" data-wpel-link="internal">Qualcomm Vuforia 教學 (3) – 替換茶壺 – Android 版本</a></li><li><a href="https://noter.tw/3371/qualcomm-vuforia-%e6%95%99%e5%ad%b8-4-%e4%bd%bf%e7%94%a8-android-ndk-%e7%89%88%e6%9c%ac%e4%b8%a6%e9%96%8b%e5%95%9f%e5%a4%9a%e9%87%8d%e5%81%b5%e6%b8%ac/" data-wpel-link="internal">Qualcomm Vuforia 教學 (4) – 使用 Android NDK 版本並開啟多重偵測</a></li><li><a href="https://noter.tw/3392/qualcomm-vuforia-%e6%95%99%e5%ad%b8-5-%e6%9b%bf%e6%8f%9b%e8%8c%b6%e5%a3%ba-android-jni-%e7%89%88%e6%9c%ac/" data-wpel-link="internal">Qualcomm Vuforia 教學 (5) – 替換茶壺 – Android JNI 版本</a></li><li><a href="https://noter.tw/3403/qualcomm-vuforia-%e6%95%99%e5%ad%b8-6-3d-model-obj-h/" data-wpel-link="internal">Qualcomm Vuforia 教學 (6) – 3D model -&gt; .obj -&gt; .h</a></li></ul>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/" data-wpel-link="internal">Qualcomm Vuforia 教學 (2) &#8211; Create Image Target</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://noter.tw/3347/qualcomm-vuforia-%e6%95%99%e5%ad%b8-2-create-image-target/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
