智創公社在中興新村開幕

智創聯盟執行教育部智慧生活整合性人才培育計畫三年成果，於106/12/23 上午11:00在中興新村光明二路92號舉行智創公社開幕暨成果發表會，感謝南開科技大學、國立台中教育大學、國立高雄第一科技大學、亞洲大學、高苑大學參與計畫師生以及財團法人資訊工業策進會、國立臺灣工藝研究發展中心、社團法人南投縣休憩農園產業促進會、耕雲智慧生活科技有限公司、日安旅人鮮舖子、崧旭資訊股份有限公司等合作機構的努力。

(宋市長因公無法參加開幕式，特地一大早來訪) 

(黃副研發長及戴經理來訪)

(認真的服務團隊踩排練習)

 (開幕式)

(開幕式請智活總辦蘇朝琴教授致詞)

 (準備剪踩) 

(揭牌)

(中午餐會 左起 陳滄松、林正敏、蘇朝琴、林淑份) 

(午休樹蔭下享體中興新村的美景 右起 許副校長聰鑫、黃水金、林正敏)

 (聖誔樹點燈)

以下為92號智創公社當天成果展示

用AURASMA輕輕鬆鬆做AR

自己的AR自己做：AURASMA讓你輕鬆上手奧格 DIY！

Aurasma教學與應用

Aurasma 手機下載APP與使用方式

Web AR工具：AR.js - Efficient Augmented Reality for the Web

一套以網頁為主的擴增實境的工具AR.js，一套簡好用的工具，可以適合平台用瀏覽器來開啟AR的功能。

範例網站：https://webxr.io/webar-playground/



測試步驟：
1. 列印標籤，網址：http://augmentmy.world/wp-content/uploads/2016/09/Hiro-pattern.pdf
2. 打開網站，網址：https://webxr.io/webar-playground/

3.按下Start鍵，拿起標籤，測試結果如下：

很不錯的網站：擴增實境在健康照顧上的應用

(請移到影片播放在2小時41分06秒上) 

原本以為擴增實境是用在行銷包裝上很好的工具，最近在瞭解有那些科技可以用來幫助長輩，特別是在中興新村資策會實習學生在參加DiG+數位新星大賞競賽之後，發現一個很不錯的擴增實境應用健康照顧上的網站。

網址：Welcome to Augmented Reality in Medicine(Healthcare)

有蟲嗎?很怪都沒啟動AR，就出現3D物件。

Unity 2017.2版來製作AR的方法，請參考：號外!Unity 2017.2內建Vuforia功能，開發擴增實境應用程式更方便!

今天試著想要加上旋轉的程式，但一執行，明明就沒有任可標籤，但就看到所建立的物件-Cube，就已經在旋轉，有點怪，如下圖，感覺這好像是Vuforia和Unity整合上的問題。

把所有的資源全部砍掉重練，結果正常了。

利用transform.Rotate()函式就能製造旋轉的效果，程式碼如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class rotation : MonoBehaviour {
    public float turnSpeed = 50f;
    // Use this for initialization
    void Start () {

}

// Update is called once per frame
void Update () {
        transform.Rotate(Vector3.up, -turnSpeed * Time.deltaTime);
    }
}

以上程式範例可以參考：Unity程式設計初體驗(三)-遊戲物件位移和旋轉控制

號外!Unity 2017.2內建Vuforia功能，開發擴增實境應用程式更方便!

官方文章：Getting Started with Vuforia in Unity 2017.2

下載Unity 2017.2版本，在安裝時可以選擇Vuforia AR，開發擴增實境應用程式更方便。

1.建立新專案

2.選擇GameObject中的Vuforia，新增AR Camera以及Image，並刪除Camera。

3. 在Player Setting上選擇Vuforia Augmented Realit。

4.在Vuforia Target Manager工具中新增Database，並以Unity Editor格式滙出。

5. 在Unity下，滙入Vuforia Target Manager工具中滙出的Database。

6. 在Vuforia License Manager工具中新增License。

7. 點選Unity中的AR Camera，開啟open Vuforia configuration，貼上新增的License。

8.在Image Target物件下，新增Cube。

9. 使用Target來測試，測試成功如下圖。

超級棒的物聯網工具及資源

超級棒的文章介紹物聯網工具及資源：67 open source tools and resources for IoT，區分成工業聯盟、協定、作業系統、APIs、平台、中介軟體、節點編輯器、工具箱、搜尋、資料視覺化、硬體等。

第62個的開放源碼機器人基金會(Open Source Robotics Foundation)，就提供很好的機器人模擬工具，非常適合研究機器人使用，以下是該軟體有關於機器人及汽車的模擬。

第67個洪水網絡(Flood Network)就是很好的使用物聯網讓居家生活品質更好的範例，可以清楚地看到河流的水位，提供即時數據，顯示河流的水位高度，當有可能洪水氾濫，向居民或社區發送警報。

在PC安裝BlueStacks手機模擬器測式擴增實境APPs

本文將介紹一個好用的工具，在PC上裝BlueStacks手機模擬器，就可以使用Android APPs，目前支援Windows和Mac版本。官方網站：https://www.bluestacks.com/tw/index.html


 

用BlueStacks手機模擬器測試AR的文章Vuforia Standalone using Bluestacks – Starting Android App on PC，在該篇文章中介紹兩款APP： Animals of Africa和 Tales of the World。




大家可以利用該篇文章提供的圖片進行測試，記得要先安裝APP。

(Animals of Africa)

(Tales of  the World)

如何得知擴增實境功能有被啟用?

繼續前一篇文章"用擴增實境測量距離、周長、面積、還有辨識形狀"

擴增實境是採用Vuforia工具，如何在程式中，如何得知Vuforia AR效果有沒有被啟動呢?這是本篇文章的教學重點。

您點選下圖左方的Field，可以看到內嵌一個PolygonField.cs程式。在PolygonField.cs的程式中，可以看到宣告一個公開的GameObject變數，命名為go_raw，因此在下圖中，可以看到Go_raw屬性，並宣告5個元素，這5個元素分別對應到ImageTarget內的圖片，如下圖。go_raw宣告如下：

public GameObject[] go_raw;

在Update()函式中，我們可以看，用getAllAvailablePoints()取得那些標籤有被偵測出來，換句話說是有AR效果，收集這點資訊，供後續畫線及計算使用。

void Update () {

getAllAvailablePoints ();

draw ();

drawLines ();

calculation ();

}

利用go_raw來對應到AR標籤物件，再使用enabled屬性值來判斷是否有AR效果，下面程式就是利用這個技巧，來取得有AR效果的標籤物件，再決是否把角度和距離的物件啟用，最後把收集到的資料轉成陣列。

private void getAllAvailablePoints(){

// Create new Vector2 and Text Lists

List vertices2DList = new List();

List textAList = new List();

List textDList = new List();

List oList = new List();

// Fill lists if availble

for(int i = 0; i < go_raw.Length; i++){

if (go_raw [i] != null) {

if (go_raw [i].GetComponent ().enabled) {

go_text_angle [i].enabled = true;

go_text_distance [i].enabled = true;

vertices2DList.Add (new Vector2 (go_raw [i].transform.position.x, go_raw [i].transform.position.y));

textAList.Add (go_text_angle [i]);

textDList.Add (go_text_distance [i]);

oList.Add ( go_raw [i] );

} else {

go_text_angle [i].enabled = false;

go_text_distance [i].enabled = false;

}

}

}

// Convert to array

go_points_text_a = textAList.ToArray ();

go_points_text_d = textDList.ToArray ();

go_points = vertices2DList.ToArray ();

go_n = oList.ToArray ();

}

用擴增實境測量距離、周長、面積、還有辨識形狀

本篇文章將介紹當數張具有擴增實境標籤卡片移動時，可以測量出鄰近兩張卡片的中心點距量，當卡片移動時，還能自動地顯示改變後的距離。

原文網址：Augmented Reality Shapes Combined from Trackers
Download： Download Whole Unity3D AR Shapes project (*.rar file)請大家留意影片中左上角，可以計算周長、面積、還有辨識形狀。

 

思考如何試圖抓住目標對象的程式設計

參考文章：Enemy Follow Script (AI) in Unity

下載範例：http://github.com/tejas123/enemy-follow-script-ai/archive/master.zip

這個腳本(Enemy.cs)在需要敵方物體跟隨玩家或者其他想要瞄準的物體時很有用。 當敵人朝著目標物體(上圖中白色物體)移動時，敵人(Enemy)產生跳躍效應。 看起來好像敵人自己在思考，像是有點具備人工智慧(AI)的感覺，敵人可以思考行動路徑試圖抓住目標對象。

程式解析如下：

1.前面沒有障礙物

if (!isThereAnyThing) {

Vector3 relativePos = target.transform.position - transform.position;

Quaternion rotation = Quaternion.LookRotation (relativePos);

transform.rotation = Quaternion.Slerp (transform.rotation, rotation, Time.deltaTime);

}

2.往前移動

transform.Translate (Vector3.forward * Time.deltaTime * speed);

3.檢查前方有沒有障礙物，並使用Physics.Raycast()進行偵測

Transform leftRay = transform;

Transform rightRay = transform;

                

if (Physics.Raycast (leftRay.position + (transform.right * 7), transform.forward, range)) {

isThereAnyThing = true;

transform.Rotate (Vector3.up * Time.deltaTime * rotationSpeed);

}

                

if (Physics.Raycast (rightRay.position - (transform.right * 7), transform.forward, range)) {

isThereAnyThing = true;

transform.Rotate (Vector3.up * Time.deltaTime * rotationSpeed);

}

4.已經通過障礙物

if (Physics.Raycast (transform.position - (transform.forward * 4), transform.right, 10)) {

// Just making this boolean variable false it means there is nothing in front of object.

isThereAnyThing = false;

}

if (Physics.Raycast (transform.position - (transform.forward * 4), -transform.right, 10)) {

// Just making this boolean variable false it means there is nothing in front of object.

isThereAnyThing = false;

}

5.輸出除錯資訊

Debug.DrawRay (transform.position + (transform.right * 7), transform.forward * 20, Color.red);

Debug.DrawRay (transform.position - (transform.right * 7), transform.forward * 20, Color.red);

Debug.DrawRay (transform.position - (transform.forward * 4), - transform.right * 20, Color.yellow);

Debug.DrawRay (transform.position - (transform.forward * 4), transform.right * 20, Color.yellow);

擴增實境與物聯網結合的應用影片

物聯網可以提供物品對物品通訊的功能，感知器(如溫溼度、PM2.5等)可以將訊息經由控制器傳送到雲端伺服主機，控制器也能從雲端伺服主機中取得資料，經過運算後，就能啟閉致動器(馬達、警報器等)。

擴增實境技術能將電腦的資訊呈現在現實生活中，因此結合物聯網技術，就能把生活中的感測器的數值用擴增實境技術呈現在我們生活世界中，經由人們和擴增實境提供的人機介互動，有了物聯網的協助就能操控現實世界的設備，如家電產品等。