Tag Archives: Processing

[Processing] 什麼是Processing?

Processing是一種程式語言,主要是用在互動式的視覺設計及電腦衍生藝術。 因為它一開始鎖定的使用群,就不是熟悉程式設計的使用者,所以它被設計的簡單好用,方便使用者上手。 附註: Processing是一個開放原始碼的程式語言,大家都可以看的到它的原始程式碼。 Processing是建立在Java語言基礎上的開源計畫,它的功能可以很容易地被擴充。 Processing這個開放原始碼計畫是由MIT媒體實驗室的 Casey Reas 和 Benjamin Fry 發起的。 參考資料: 維基百科:Processing

Posted in Processing | Tagged | Leave a comment

[Processing] Processing for Android

最近在研究 Processing 如何將 Processing 的程式放到 Android 上面去跑。真的很簡單! 在電腦上,安裝 Android SDK。(Android SDK 連結) 在Processing上,從右上角增加Android Mode。(Processing for Android 安裝說明) 重新啟動Processing,將右上角的模式切換到 Android Mode。將程式執行在 Android Emulator中! 上面的設定應該都蠻簡單的。我也成功的讓程式在emulator裡面執行了! 問題來了!在Processing的網站上,它說: “Note that this code is incomplete and contains bugs. It should be considered “beta” quality. Do … Continue reading

Posted in Processing | Tagged | Leave a comment

[Processing] 怎麼知道字串的寬度跟高度?

寬度的話,使用textWidth()可以取得. 高度的話,應該等於 textAscent() + textDescent(). 參考資料: textWidth() textAscdent()

Posted in Processing | Tagged | Leave a comment

[Processing] 怎麼安裝及執行Processing?

Processing並沒有特別的安裝程序. 如果使用的是windows,在下載完解壓縮後,雙擊執行檔,即可開始寫程式. 方便簡單是Processing最吸引我的地方. 程式下載位址: https://processing.org/download/ 參考資料: Get Started!

Posted in Processing | Tagged | Leave a comment

[Processing] static sketches 跟 dynamic sketches

Processing的程式通常被稱做”sketch”。因為在Processing中,我們是用程式在做畫(sketch)。 sketch大致上分為靜態(static)的sketch跟動態(dynamic)的sketch。 在靜態的sketch中,我們寫下程式碼讓Processing依序的執行,以得出一個靜態的圖型。 動態的sketch中,會包含兩個系統自動呼叫的函式:setup()跟draw()。setup()只有在程式第一次執行時被呼叫一次,主要是用來做設定。而draw()會反覆的被呼叫,因而產生一些動畫。一般動畫的目標frame rate為60,但是隨著圖型的複雜程度 frame rate會被調降。 參考資料: Processing Overview

Posted in Processing | Tagged | Leave a comment

[Processing] 什麼是衍生藝術(Generative Art)?

這是我前兩天去台南參加Processing的Workshop時學到的名詞。 衍生藝術(Generative Art)主要是指全部或部分使用自動系統(Autonomous System)的輔助來產生的藝術型態。 蠻有趣的!有回到小時候用Basic語言在畫圖的感覺. 參考資料: 2013 台南大學數位系_GenerativeArt工作坊 by 沈聖博 Processing.org

Posted in Processing | Tagged , | Leave a comment

[Processing] 怎麼在編輯器中輸入及顯示中文?

1. 直接編輯設定檔Preferences.txt 設定檔的位置,可於File->Preferences裡面得知. 2. 修改設定檔中的下面兩行(修改時,請關閉Processing視窗): console.font=processing.mono,plain,12 editor.font=processing.mono,plain,12 3. 改成如下: console.font=Microsoft YaHei Mono,plain,12 editor.font=Microsoft YaHei Mono,plain,12 4. 重新啟動 Processing. 參考資料: Processing 2.0 編輯器中文字型問題

Posted in Processing | Tagged | Leave a comment

[Processing] 將輸出視窗設定為全螢幕

Q: 如何取得目前螢幕的尺寸? A: 使用 displayWidth 跟 displayHeight Q: 如何進入全螢幕模式? A:

加上 sketchFullScreen() 之後,它就會進入全螢幕了. 參考資料: Window Size and Full Screen

Posted in Processing | Tagged | Leave a comment