第一章：初遇
【背景 backgournd】
另一方面，ar技術也不斷的從客戶端向前端頁面轉移。通過h5可以很容易的在js的開發語言中實現ar的效果，比如:
webaronarkit(安卓)和webaronarcore(ios)的前端。只能在支援webaronarkit和webaronarcore的移動裝置上執行。
小知識：
ar：augmented reality的縮寫，是指利用計算機影象學的知識，讓人們在現實的環境中看到虛擬的事物，對現實的場景經行增強。
【目前情況 state of the art】
從上面的幾個例子我們可以看到，目前的解決方案中存在的一些問題：
各大平台有一些自己的實現，不過需要商務合作，定製開發。對普通開發者並不友好。
因此，目前方案的效果，並不不是非常的理想，對於廣大開發者而言接入並不友好。效果也並不是真正意義上的ar：只是影象識別+webgl顯示三維物體。當然，這也是有一些深層次的原因的：
效能問題，目前的h5方案無法做到非常完美的效能體驗。因為實際用的手機品牌效能各不相同，參差不齊，加上web上的openes效能還是較桌面端的opengl效能差一些。
這些問題並不是有一時半刻可以解決的，不過作為科技的前沿工作者，我們還是可以嘗試各種方案，盡量實現可以實現的內容，為未來做一些基礎。
【目標targets】
為了能實現這樣的想法，我們就需要解決幾個問題：
3. 實現在背景為攝像頭實時畫面的背景上顯示webgl的3d物體。
4. 整體框架搭建
5. 影象演算法接入
下面的教程，就將帶大家一一實現。
（微信小程式）一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作，非同步操作裡面this.data.直接賦值，是無效的，必須使用this.setdata this.setdata msg he llo wor l...
微信小程式
你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下markdown的基本語法知識。全新的介面設計，將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式，markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...