我與openframeworks的第一天_gui範例包分析_具有新增新的一個oF空專案能力

- 7月 04, 2016

因為最近看到很感興趣富有質感的選單列表去做一些

遠近、縮放、角度旋轉、控制粒子的稠密度等等參數改動的效果

oF 具有這個 gui設計的功能

覺得頗人性化又方便的

不像以前學校教的C/C++

可能要在小黑上輸入去做更改(如果開發語言是C/C++的話啦)

以前opencv可能有 trackbar 但是長的也滿醜的 XDD 有點死板不好看啦~

根據 OREILLY 這本 Programming Interactivity
A Designer's Guide to Processing , Arduino and openframeworks

作者是 Joshua Noble

書本封面是兩隻不曉得是鴕鳥還是雉雞、帝雉之類的鳥類

這本書當中介紹到

openframeworks 又簡稱 oF

在名稱上你可能會猜想是一個捨麼特定的frameworks 一個code的大集結
用來處理特定任務。

像有些是用來處理資料庫其他用來設計網路交通

書中有一句話

Frameworks don't provide you with a prebuilt tool in the way that Processing and Arduino do , but

they provide you with code that you can you use to create your own programs.

Specificially , oF is a framework for artists and designers working with interactive design media art.

所以這個框架主要是用來做一些互動設計和媒體藝術用的

================================================================

我們先跑這個範例感受一下 oF的強大

這裡預先說明

編譯環境選擇了 visual studio 2015版本

oF選最新版 0.9.3去搭配vs2015

這個範例位於 example 目錄當中 gui的範例

執行效果

執行之後你發現

第一. 選單可收合
第二. 竟然會跟著變顏色太猛了!!!!!
第三. 有些類似checkBox的勾選小方框會自動跳掉有些會一直保持勾選狀態
第四. 會發出鈴鐺聲音這也是滿猛~~
第五. 選單列中參數設置感覺有上下界線(最大數值、最小數值)可以讓開發者設置

所以接下來我們來重寫一次這個code

在重寫之前要先具備建立新的一個oF project 的能力

【學習具有新增一個新的oF專案的能力】

oF其實非常體貼在配置的時候竟然還包了一個執行檔(.exe)叫做

projectGenerator

他位於你下載好的oF目錄中example

這邊你可能會看到一個特殊英文名稱「Addons」

這是捨麼???

Addons 這個英文翻譯成中文叫做插件

openFrameworks 插件是額外的第三方函式庫，這可以增加到你的計畫裡，用來擴大其功能。

幾個最常被使用的插件與範例：

ofxXmlSettings : 包裝 TinyXML，協助載入和儲存XML（可用於儲存應用程式的設定狀態）。
ofxOsc : 包裝 oscpack，讓你用 OSC 通信協定來溝通， openframeworks被送入和送出資料到其它應用程式
ofxOpenCv : 包裝部分Intel計算機視覺庫OpenCV的功能。
ofxNetwork : which contains cross platform network code for UDP and TCP communication, as well as * multicast。
ofxThread :包含題拱跨平台的線程管理程式碼。
ofxVectorMath : 包含向量數學物件，例如向量和矩陣。
ofxVectorGraphics : CreEPS 包裝器，提供openframeworks易於使用的 PostScript輸出。

參考到了

OpenFrameworks 使用手冊 3 Jul 2010
http://oftw.wikidot.com/openframeworks

可能是舊版的列表有些被刪除還是有缺失

可能我們還是看官網介紹來的保險

http://ofxaddons.com/categories

這裡由於我們要來練習寫 Gui 的程式

需要對應的 gui 插件