2016年11月25日 星期五

openframeworks暖身_part2_載入圖片_視窗標題設置_改背景色_視窗模式切換結合按鈕事件_練習跑範例

目標:
(1)oF如何載入圖像
【學習具有載入圖像的能力】

(2)oF如何進行視窗標題設置
【學習具有設置視窗標題的能力】

(3)oF如何進行背景色更改

【學習具有背景色更改的能力】

(4)oF如何進行視窗模式切換結合按鈕事件

if  判斷語法

【學習具有視窗模式切換結合按鈕事件的能力】



新增專案

projectgenerator



預設專案位置不要忘記在哪裡





(1)oF如何載入圖像


【學習具有載入圖像的能力】
openframeworks   載入圖像需要的變數型態


ofImage

ofApp.h   

【主要的變數宣告區域】

在  ofApp.h 區塊進行宣告



ofApp.cpp   


【主要的參數配置、事件撰寫區域】

在  setup 區塊進行  load函數調用



法一. 圖片資源統一放法
image.load("圖檔名稱");  
// 圖檔資源要放置於專案bin/data目錄下



法二. 絕對路徑法
image.load("路徑\\圖檔名稱");
image.load("路徑/圖檔名稱");



法一. 圖片資源統一放法




法二. 絕對路徑法


容易出錯部分請小心








在  draw 區塊進行  draw函數調用




設置左上角起始座標位置用來控制顯示位置的
(擺 ofApp::draw)

image.draw(0,0);  // Top Left corner








(2)oF如何進行視窗標題設置


【學習具有設置視窗標題的能力】

設置視窗名稱  (放置ofApp::setup區塊)

ofSetWindowTitle("the title");





(3)oF如何進行背景色更改


【學習具有背景色更改的能力】

設置背景色(放置ofApp::setup區塊)

寫法一.    ofSetBackgroundColor(r , g , b) ;





寫法二.  ofBackground(r ,g ,b);




(4)oF如何進行視窗模式切換結合按鈕事件




【學習具有視窗模式切換結合按鈕事件的能力】


我們切至   我們的main.cpp區塊

視窗模式其實有分為兩種顯示模式




OF_WINDOW

=> 會依照你指定的寬高去做顯示








OF_FULLSCREEN

=> 會直接佔滿你的全部螢幕







再來跟大家介紹  按鈕事件的撰寫


按鈕事件的撰寫區塊主要位於

ofApp.cpp  區塊





我們貼心的  oF  已經幫我們在

ofApp.h  區塊  進行函數的prototype  了呦




以 keyPressed  為例  是一個會回傳型態為int 的
鍵盤數值函數

我們要添加一個

按1就切換成全螢幕
按2就切換成原螢幕

=======>  想法就好比如電源的開關  on/off

在電腦世界就是  1/0  也就是  true/false









螢幕按鈕切換

 



除了變換這個
我們也可以試試看變換背景色

背景色按鈕切換

 





熱身結束


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

緊接著

試著跑一個

opencv的範例




openframeworks_opencv範例執行不了_疑難排解


最近在執行程式時一直吃鱉

我們趕快來下載解碼器


附上 link: http://123.briian.com/forum.php?mod=viewthread&tid=335

安裝完後  執行exe檔







緊接著再次執行程式


就正常可以Run了  開心





沒有留言:

張貼留言