I touchs

2015年4月13日星期一

openFrameworks: Setup Guide for OSX

since: 2015/04/13
update: 2015/09/03
reference:
1. openFrameworks

A. Integrated Development Environment (IDE)
    1. 從 OSX App Store 安裝 Xcode

    2. 安裝 Xcode's command line tools
        開啟終端機, 輸入以下內容後按 "Enter"
        $ xcode-select --install

-----------------------------------------------------------------------------------------------

B. openFrameworks for Xcode
     1. 下載 openFrameworks for Xcode (v0.8.4), 並解壓縮到特定目錄下,
         解壓縮出來的資料夾即是你的 openFrameworks 根資料夾(OF_ROOT).
         如下所示, OF_ROOT 為: of_v0.8.4_osx_release

     2. 在 openFrameworks 的根資料夾內, 有幾個關鍵性的子資料夾:
         - apps: 放置你自己新增的 apps
         - examples: 一系列展示的 apps, 包含影像, 3D圖形, 聲音, 字型等等.
         - addons: 用來存放 openFrameworks addons (由社群所貢獻的核心擴展)
         - projectGenerator_osx: 包含了專案產生器, 幫助你建立新的 apps.

-----------------------------------------------------------------------------------------------

C. 測試
1. 用 Xcode 開啟:
.... /examples/3d/3DPrimitivesExample/3DPrimitivesExample.xcodeproj

    備註: openFrameworks app 的基本架構:
   - src: 放原始程式的地方.
   - bin: 放可執行的 app, 以及 data 資料夾(素材)

     2. 編譯並執行:

3. 結果:

-----------------------------------------------------------------------------------------------

D. 建立新的專案:
1. 執行:
.... /of_v0.8.4_osx_release/projectGenerator_osx/projectGenerator.app

2. 在 Name 處點二下滑鼠, 更改名稱: firstSketch, 按下 "GENERATE PROJECT",
然後關閉此 project generator.

3. 開啟:
.... /of_v0.8.4_osx_release/apps/myApps/firstSketch/firstSketch.xcodeproj

     4. 展開 src 資料夾, 點選 ofApp.cpp 檔案, 修改如下:
#include "ofApp.h"

//--------------------------------------------------------------
void ofApp::setup(){
}

//--------------------------------------------------------------
void ofApp::update(){
}

//--------------------------------------------------------------
void ofApp::draw(){
    //@add
    ofDrawBitmapStringHighlight("Everything works!", 20, 20);
}
....

     5. 編譯並執行:

-----------------------------------------------------------------------------------------------

E. 新增檔案到專案裡
1. 專案 > src > New File...

2. OSX > C++ File > Next

   3. Name: "myNewClass"
       勾選: Also create a header file
       > Next

   4. Group: src
       Target: 勾選專案名稱
       > Create

5. 結果:

-----------------------------------------------------------------------------------------------

F. 新增 openFrameworks addons
如果 addon 有包含一個 README, 請依照說明, 不然的話請依照以下的方式:

1. 將下載的 addon 放到 openFrameworks 根資料夾下的 addons 資料夾內.

2. 在 Xcode 的專案裡, 點選 addons 資料夾 > "Add file to (專案名稱)..."

   3. 瀏覽到要加入的 addon 裡, 選取 src 與 libs 資料夾(如果有的話):
       點選: Create groups
       勾選: targets 專案
       非必要: Copy items if needed
       > Add

4. 選取剛剛新增到專案的資料夾(libs 與 src),
> New Group from Selection

5. 重新命名後:

    6. 到目前為止, 可以試著去編譯你的專案, 如果出現找不到檔案的錯誤訊息,
        就需要幫 addon 的資料夾設定 header search path. 通常是位於 src 或 libs
        資料夾內叫作 "include" 的資料夾.

    路徑: $(OF_PATH)/addons/ofxOpenCv/libs/opencv/include
    說明: $(OF_PATH)代表 openFrameworks 的根資料夾.

    7. 專案 > Build Settings > 搜尋: header search
        > 找到 Header Search Paths

8. 對 Header Search Paths 的值, 雙擊滑鼠後, 按 "+", 並新增一行:
$(OF_PATH)/addons/ofxOpenCv/libs/opencv/include

    9. 再編譯一次, 應該就沒問題了~

-----------------------------------------------------------------------------------------------

F. 安裝 PiMapper:
     1. 開啟終端機, 到 openFrameworks 跟資料夾下的 addons 目錄下:
         $ cd /Lanli/RD/Projects/openFrameworks/of_v0.8.4_osx_release/addons/

     2. 下載並安裝 PiMapper:
          $ git clone https://github.com/kr15h/ofxPiMapper.git

     3. 下載並安裝 ofxIO 與 ofxOMXPlayer:
         $ git clone https://github.com/jvcleave/ofxOMXPlayer.git && git clone https://github.com/bakercp/ofxIO.git

   4. 編輯新加入的程式時, 請在 Xcode 中新增檔案, 或從別處拷貝程式碼內容再貼上;
         不要從專案目錄夾直接將檔案覆蓋, 可能會造成編譯錯誤.

2015年4月11日星期六

Processing: Exceptions of Random

since: 2015/04/11
update: 2015/04/11
reference:
1. Processing.org

A. 說明:
     在 0 ~ 8 之間產生隨機的整數, 並排除特定的數字.

-----------------------------------------------------------------------------------------------

B. 實作:
    1. 開啟 Processing, 新增 Sketch 專案: exceptions_of_random

    2. 在 exceptions_of_random Sketch 專案目錄下新增 configStr.txt 檔案, 內容如下:
# exception_nums
        5,8

    3. 在 exceptions_of_random Sketch 專案編輯區, 寫入以下程式碼:
String[] configStr;
int[] exception_nums;

void setup()
{
loadConfig();
int my_num = randomFilter();
println("my num = " + my_num);
}

void loadConfig() {
configStr = loadStrings("configStr.txt");
exception_nums = int(split(configStr[1], ','));

for (int i=0; i<exception_nums.length; i++){
    println("exception_nums = " + exception_nums[i]);
}
println("");
}

int randomFilter() {
int random_num = int(random(9));
println("try random num = "+ random_num);

for (int i=0; i<exception_nums.length; i++){
    if(random_num == exception_nums[i])
    {
      println("find exception num = "+ exception_nums[i] + "; try again .... \n");
      return randomFilter();
    }
}

return random_num;
}

-----------------------------------------------------------------------------------------------

C. 執行結果:

2015年4月6日星期一

Raspberry Pi: Pi Mapper

since: 2015/04/09
update: 2015/04/09
reference:
1. Raspberry Pi: DHCP Wireless Network
2. Raspberry Pi: openFrameworks
3. PiMapper

-----------------------------------------------------------------------------------------------

A. 說明:
    1. Pi Mapper:
        Open source projection mapping tool that runs on the Raspberry Pi.

    2. 依照 Raspberry Pi: DHCP Wireless Network 與 Raspberry Pi: openFrameworks
         做好前置作業.

-----------------------------------------------------------------------------------------------

B. 安裝 ofxPiMapper:
     1. 取得 ofxPiMapper 的安裝軟體.
         $ cd ~/openFrameworks/addons
         $ git clone https://github.com/kr15h/ofxPiMapper.git

     2. 安裝相依軟體:
         $ git clone https://github.com/jvcleave/ofxOMXPlayer.git && git clone https://github.com/bakercp/ofxIO.git

     3. (選擇性) 讓鍵盤與滑鼠運作正常:
         $ sudo apt-get update && sudo apt-get dist-upgrade
         $ sudo rpi-update // Raspberry Pi firmware update
         $ sudo reboot // 重新開機

     4. 編譯 ofxPiMapper:
         $ cd ~/openFrameworks/addons/ofxPiMapper/example
         $ make (約 1 個小時)
         $ make run // 執行

-----------------------------------------------------------------------------------------------

C. 模式與快捷鍵:
     a. 模式:(按下鍵盤的數字鍵)
          1. Presentation mode (預設, 展示上次儲存的)
          2. Texture mapping mode (調整外觀的紋理座標)
          3. Surface editing mode (選擇你所建立的外觀, 移動或變形)
          4. Source assignment mode (選擇外觀的來源)

          說明: 一般的步驟為:
                   -> 先切換到模式3來選擇外觀.
                   -> 隨後, 便可以在模式2編輯紋理並於模式4選擇來源.

     b. 快捷鍵:
         鍵名                          功能
            i                               Show info
            t                               Add triangle surface
            q                              Add quad surface
            f                               Toggle fullscreen
            s                              Save composition
            BACKSPACE        Delete surface

           說明: 可藉由編輯 app.cpp 檔案來指定快捷鍵.

-----------------------------------------------------------------------------------------------

D. 備註:
     1. 預設外觀設定檔:
         /home/pi/openFrameworks/addons/ofxPiMapper/example/bin/data/defaultSurfaces.xml

     2. 使用者外觀設定檔:
         /home/pi/openFrameworks/addons/ofxPiMapper/example/bin/data/surfaces.xml

     3. 圖片來源檔位置: (支援: .png .jpg .jpeg)
         /home/pi/openFrameworks/addons/ofxPiMapper/example/bin/data/sources/images/
         image1.jpg, image2.jpg, image3.jpg ....

     4. 影片來源檔位置: (支援: .mp4 .h264 .mov .avi .mpeg)
         /home/pi/openFrameworks/addons/ofxPiMapper/example/bin/data/sources/videos/
         test.mov ....

     5. 讓 HDMI 影片的聲音正常播放:(修改以下二項設定後, 重新開機並編譯)
         a. /boot/config.txt
             ....
# uncomment to force a HDMI mode rather than DVI. This can make audio work in
# DMT (computer monitor) modes
hdmi_drive=2
             ....

         b. /home/pi/openFrameworks/addons/ofxPiMapper/src/Sources/VideoSource.cpp
            ....
            #ifdef TARGET_RASPBERRY_PI
            // Do things with the OMX player
            ....
            //settings.enableAudio = false;       //default true, save resources by disabling
            settings.enableAudio = true;       //default true, save resources by disabling
            ....

Raspberry Pi: openFrameworks

since: 2015/04/06
update: 2015/04/06
reference:
1. Raspberry Pi: DHCP Wireless Network
2. Getting your Raspberry Pi ready for openFrameworks

A. 說明:
     1. 先依照 Raspberry Pi: DHCP Wireless Network , 安裝好 Pi, 並設好網路環境.

     2. 確認目前所安裝的 Raspbian "wheezy" 是 "hard float", 而非 "soft-float" 版本.
          -> "hard float" 版本才會有

/lib/arm-linux-gnueabihf 這目錄;

"soft-float" 版本才會有 /lib/arm-linux-gnueabi

目錄.

         p.s. Hard float just means the floating point calculations are done by
                on chip hardware rather than being emulated by software.

-----------------------------------------------------------------------------------------------

B. 設定 Pi:
     1. 編譯 openFrameworks 前, 須先確認 CPU 有 192MB 的RAM可使用.
         $ free -h

         $ sudo raspi-config
           a. 選擇: 1. Expand Filesystem -> Select -> Enter

b. Ok > Enter

c. 選擇: 8. Advanced Options -> Select -> Enter

d. 選擇: A3. Memory split: Change the amount of memory made available
to the GPU -> Select -> Enter

e. 輸入: 64 -> OK -> Enter
(限制分配給 GPU 的記憶體; 提供較多的記憶體給 CPU 使用)

f. Yes -> Enter (重新開機)

******************************************************************

    2. 更新套件:
         $ sudo apt-get clean
         $ sudo apt-get update
         $ sudo apt-get upgrade

-----------------------------------------------------------------------------------------------

C. 下載 openFrameworks
     配合 Pi 一代, 使用 Linux armv6 版本的 openFrameworks, 底下會下載
     openFrameworks 並解壓縮到 /home/pi/openFrameworks 目錄內.

      $ cd        (回到 /home/pi)

      $ curl -O http://www.openframeworks.cc/versions/v0.8.4/of_v0.8.4_linuxarmv6l_release.tar.gz

      $ mkdir openFrameworks

      $ tar vxfz of_v0.8.4_linuxarmv6l_release.tar.gz -C openFrameworks --strip-components 1

-----------------------------------------------------------------------------------------------

D. 編譯 openFrameworks
     $ cd /home/pi/openFrameworks/scripts/linux/debian_armv6l

     $ sudo ./install_dependencies.sh

     $ make Release -C /home/pi/openFrameworks/libs/openFrameworksCompiled/project

     p.s. 由於已經編譯好 openFrameworks 了, 我們可以將之前限制分配給 GPU 的
            64 MB 記憶體, 調整為 128 MB. (參考: B. 設定 Pi)

-----------------------------------------------------------------------------------------------

E. 測試
     $ cd /home/pi/openFrameworks/examples/

     $ ls -al

     $ cd graphics/polygonExample/

     $

make

$ make run (須在 Pi 上才看得到結果)

-----------------------------------------------------------------------------------------------

F. 建立空的 openFrameworks 專案
    說明: 你的 App 必須位於 openFrameworks 目錄下保持三層目錄.

    $ cp -R /home/pi/openFrameworks/examples/empty/emptyExample /home/pi/openFrameworks/apps/myApps/myTestApp

    $ cd /home/pi/openFrameworks/apps/myApps/myTestApp

    $ make

    $ make run (須在 Pi 上才看得到結果)

    (空白的畫布)

2015年4月5日星期日

Raspberry Pi: DHCP Wireless Network

since: 2015/04/05
update: 2015/04/05
reference:
1. Raspberry Pi
2. 雄: Raspberry PI : wireless network 無線網路

A. 安裝作業系統影像檔
     1. 下載 Raspbian 映像檔, 並解壓縮成: 2015-02-16-raspbian-wheezy.img

     2. 把 SD卡(在此為 16GB)放入 Mac 的讀卡機中, 利用 SD Card Formatter,
         將其格式化為 FAT32.

     3. Apple -> 關於這台 Mac -> 系統報告... -> 讀卡機:
         ->確認其 BSD 名稱: disk2

4. 利用磁碟工具程式, 將剛剛新增的分割區 Unmount (不是退出),
之後才可以將影像檔寫入.

     5. 從終端機執行: (約 20 ~ 45 分鐘)
         $ cd /Lanli/RD/sources/
         $ sudo dd bs=1m if=2015-02-16-raspbian-wheezy.img of=/dev/disk2
         ....
         3125+0 records in
         3125+0 records out
         3276800000 bytes transferred in 2651.442033 secs (1235856 bytes/sec)
         $

     6. 將裝好作業系統的 SD 卡, 放到 Pi 的 SD卡槽裡, 幫 Pi 接上無線網卡,
         鍵盤, 螢幕等最後接上電源時便會啟動開機.

     7. 登入系統後, 先將預設帳號 pi 更改密碼:
         $ sudo passwd pi

-----------------------------------------------------------------------------------------------

B. 確認系統有抓倒你的無線網卡:
   1. Pi 支援的無線網卡: RPi USB Wi-Fi Adapters - eLinux.org
         p.s. 官方推薦的網卡: EDIMAX EW-7811Un (體積嬌小)

     2. 登入 Pi 後, 執行以下指令:
         $ sudo lsusb
            ....
            .... D-Link System DWA-110 Wireless G Adapter(rev.A1)

-----------------------------------------------------------------------------------------------

C. 修改設定檔
     1. /etc/network/interfaces

原始:
auto lo
iface lo inet loopback
iface eth0 inet dhcp
allow-hotplug wlan0
iface wlan0 inet manual
wpa-roam /etc/wpa_supplicant/wpa_supplicant.conf
iface default inet dhcp

改成:
auto lo
iface lo inet loopback
iface eth0 inet dhcp
auto wlan0
allow-hotplug wlan0
iface wlan0 inet dhcp
wpa-conf /etc/wpa_supplicant/wpa_supplicant.conf
iface default inet dhcp

******************************************************************

     2. /etc/wpa_supplicant/wpa_supplicant.conf

原始:
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1

改成:
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1

network={
ssid="無線網路ID"
proto=RSN
key_mgmt=WPA-PSK
pairwise=CCMP TKIP
group=CCMP TKIP
psk="無線網路密碼"
}

-----------------------------------------------------------------------------------------------

D. 重啟各網路界面
     sudo /etc/init.d/networking restart

     查詢個網路介面的 IP:
     ifconfig -a
     ....
     wlan0 ....
     inet addr:192.168.1.14 Bcast:192.168.1.255 Mask:255.255.255.0
     ....

-----------------------------------------------------------------------------------------------

E. 啟用遠端 SSH 登入功能:
    1. $ sudo raspi-config

    2. 選擇: 8 Advanced Options

3. 選擇: A4 SSH

4. 選擇: Enable

5. OK

6. Finish

-----------------------------------------------------------------------------------------------

F. SSH 遠端登入
    $ ssh pi@192.168.1.14
    ....
    Last login: Sun Apr 5 10:33:55 2015 from 192.168.1.15
    pi@raspberrypi ~ $

Processing: Open Kinect

since: 2015/04/05
update: 2015/04/05
reference:
1. Libraries \ Processing.org
2. Getting Started with Kinect and Processing
3. OpenKinect

A. 軟體安裝:
     1. Processing 2.1 以上, 在此使用 3.0a5 版

     2. OpenKinect-for-Processing,
          -> 將下載的 openkinect_processing.zip, 解壓後放到 Mac 的:
              文件 > Processing > libraries 目錄下.

     3. OpenKinect:
         a. 安裝 MacPorts:
              The MacPorts Project -- Download & Installation
              (1). 安裝 Xcode
              (2). 安裝 Xcode Command Line Tools
                     -> 安裝完 Xcode 後, 於終端機執行: xcode-select --install
              (3). 安裝 MacPorts: for OS X 10.10 Yosemite
                     -> 安裝完後, 執行: sudo port -v selfupdate 讓 MacPorts 更新到最新版本.

         b. 安裝以下軟體:
             sudo port install git
             sudo port install libtool
             sudo port install libusb

         c. 最後, 到工作目錄下執行:
             cd /Lanli/git/
             git clone git://github.com/OpenKinect/libfreenect.git

-----------------------------------------------------------------------------------------------

B. 測試:
     1. Mac 接上 Kinect(需再接電源) 後, 用 Processing 開啟 openkinect_processing
         函式庫目錄下的 Demo 程式:

         Mac: 文件 -> Processing -> libraries -> openkinect_processing
                -> examples -> ...

2. 例子之一: AveragePointTracking

3. 例子之二: DepthThreshold

4. 例子之三: RGBDepthTest

2015年4月3日星期五

Processing: SimpleOpenNI

since: 2015/04/03
update: 2015/04/03
reference:
1. Libraries \ Processing.org
2. simple-openni - OpenNI library for Processing

A. 說明:
     目前在 Processing 社群中, 會員所貢獻出來可與 Kinect 作互動應用的函式庫有二個:
     SimpleOpenNI 與 Open Kinect for Processing. 這篇是說明 SimpleOpenNI 在 Mac
     上的開發環境設置, 由於比較簡單, 只會跑跑測試程式, 就當成是作記錄好了.

-----------------------------------------------------------------------------------------------

B. 在 Processing 上安裝 SimpleOpenNI 函式庫:
     1. Processing 版本需大於 2.0 , 在此(測試)使用 3.0a5 版:
         menu: Sketch -> Import Library... -> Add Library...

2. 在搜尋過濾框中輸入: SimpleOpenNI, 即會出現 SimpleOpenNI 函式庫.

3. 點選底下的 SimpleOpenNI 函式庫 , 並按下 Install, 待安裝完成後,
請重新啟動 Processing.

4. 可以查看函式庫安裝的位置:
Mac: Documents -> Processing -> libraries -> SimpleOpenNI

-----------------------------------------------------------------------------------------------

C. 測試:
     1. Mac 接上 Kinect(需再接電源) 後, 用 Processing 開啟 SimpleOpenNI 函式庫
         目錄下的 Demo 程式:

         Mac: Documents -> Processing -> libraries -> SimpleOpenNI
                -> examples -> OpenNI -> ...

2. 例子之一: DepthImage

3. 例子之二: DepthInfrared

4. 例子之三: DepthMap3d

訂閱：文章 (Atom)

I touchs

2015年4月13日星期一

openFrameworks: Setup Guide for OSX

2015年4月11日星期六

Processing: Exceptions of Random

2015年4月6日星期一

Raspberry Pi: Pi Mapper

Raspberry Pi: openFrameworks

2015年4月5日星期日

Raspberry Pi: DHCP Wireless Network

Processing: Open Kinect

2015年4月3日星期五

Processing: SimpleOpenNI

網誌存檔

標籤

2015年4月13日 星期一

2015年4月11日 星期六

2015年4月6日 星期一

2015年4月5日 星期日

2015年4月3日 星期五

2015年4月13日星期一

2015年4月11日星期六

2015年4月6日星期一

2015年4月5日星期日

2015年4月3日星期五