Processing – 讓程式碼說設計語言 | Hahow好學校線上課程

目錄

原始文章

Processing – 讓程式碼說設計語言 | Hahow好學校線上課程


課程連結

會寫程式真的那麼重要嗎?

雖然程式教育已經納入108課綱,108課綱也已經正式上線,但有不少家長仍滿頭問號,會不會寫程式真的那麼重要嗎?對於已經升大學,甚至進入職場的你來說,學程式對我有什麼幫助?

在回答這個嚴肅的問題前,先讓我們來說個有點老,而且不是很好笑的笑話。

如果你要把一隻鯨魚放進冰箱,需要幾個步驟?
答案是三個,打開冰箱,把鯨魚放進去,再關上冰箱。

那如果你要把一隻大象放進冰箱,需要幾個步驟?
答案是四個,打開冰箱,把鯨魚拿出來,把大象放進去,然後關上冰箱。

如果你的冰箱變大了,一次可以放兩隻動物,要放進第三隻動物時必須先清空冰箱,那會需要幾個步驟?

回顧一下我們剛做了什麼事

在上面短短的篇幅中,我們做了三件事:

  1. 確認目標,也就是將動物放進冰箱。
  2. 任務拆解,將大任務變成很多個小任務,像是開冰箱、放進動物、關冰箱。
  3. 規畫執行步驟,也就是流程控制。如果冰箱已經有動物了,要先清空才可以放入新的動物。

現在可以回答問題了

會寫程式真的那麼重要嗎?我認為,會不會寫程式一點都不重要,但是邏輯訓練很重要。邏輯能力好的人能將資訊拆解成小任務,釐清每個小任務間的因果與脈絡。抓脈絡的能力越好,理解能力越好,學習能力越強。

在傳統的教育中,邏輯思考能力很難教,因為沒有人可以潛入你的腦中,觀察你是怎麼想事情的。所以很多人說,寫文章是練習邏輯思考的好方法,因為書寫者必須統整腦中的想法後,透過長篇文字表達出來。

然而,除了整體脈絡外,用詞精準度也是文字表達非常重要的一環,失準的用字可能會讓正確的邏輯走味,造成邏輯訓練的成效降低。這也是為什麼許多人推崇以程式語言訓練邏輯能力,

因為寫程式和寫文章一樣,必須以文字記錄腦中的思考過程,而且程式語言通常有一定的語法規範,更加嚴謹,不會有用詞精準度的問題,使用者可以將更多的心力花在邏輯能力的訓練上。

有明確的邏輯就可以大量複製

學寫程式有一個相當迷人的地方,只要你寫好了邏輯架構,就可以持續的大量複製,並在程式中加入某些可調控的參數,也就是算謂的「運算思維」。

以上面冰箱的例子來說,我們可以把冰箱的容納上限變成10個、100個,或是增加判斷機制,把水裡游的放進冷凍庫,天上飛的放進冷藏。

Processing是什麼?

Processing是一套適合初學者的程式語言,它的強項在於視覺處理,可以拿來畫圖、修圖、設計海報。簡單來說,Processing就像是程式語言版的Photoshop!除此之外,它還可以用來做動畫及互動遊戲!

Processing非常適合程式新手,因為它的語法簡單,軟體操作也簡單。你只需要下載Processing的軟體,打開,可以開始學寫程式了!沒有複雜的系統設定,不用摸索一大堆軟體按鈕,甚至連安裝都不用。

Processing適合誰?

如果你是設計人,你可以用Processing發展全新的創作技法,像是拿來設計海報或動畫,展現傳統技法無法達成的複雜效果。把素材從After Effects丟到Processing,或是從Processing丟進After Effects都可以。

如果你是電商人或行銷人,你可能經常需要對大量圖片做重複動作,像是放Logo、押浮水印,或是調整圖片尺寸、轉檔等。這些耗時而且瑣碎的工作,都可以透過Processing達成自動化,又快又精準。當然,網路上也找得到免費軟體處理這些問題,但自己的工具自己造,不只客製化彈性高,而且帥。

如果你是PM,或是平常需要跟工程師溝通,卻經常聽不懂他們在講什麼,Processing也能幫上忙。你可以透過Processing這個簡單的程式語言,了解什麼是流程控制,什麼是迴圈,什麼是模組化。因為在大部份的程式語言中,這些概念都都通用。

〈Pro 52. Bird〉

Processing也可以增加被動收入

如果你想透過程式,透過創作來賺點外快,或是所謂的不離職創業,Processing也是個很好的開始。現在有許多的商品製作平品,如灣得文創。你只要上傳圖片,就可以訂做客製化商品,像是零錢包、杯墊、帆布袋,你可以透過創作來獲取報酬,強化個人品牌。

62icon

結束這堂課後

如果你想繼續在Processing打滾:

  1. Processing和Arduino有相當好的相容性。
  2. Processing有JavaScript版本p5.js,讓作品可以在網頁上執行;Processing也有Python版本。
  3. Processing的大量Library,像是做電腦視覺的OpenCV。

如果你想轉戰其他語言或平台:

  1. 許多軟體都能讓使用者自己寫程式擴充功能,像是After Effects、Cinema 4D的腳本(Scripts),或是Microsoft Excel中的VBA,具備程式基礎可以讓你在學習上更快上手。
  2. Processing因為簡單輕巧,適合作為開發動態圖像時的概念測試。

〈Pro 27. Olympic〉
After Effects中,可以用Mask或其他技巧完成下面效果;
在Processing中,則是取得每一個點的座標位置後,再進行運算。


其他作品

Pro 55. Albert Einstein

〈單元12範例〉

〈單元11範例〉

〈畢業專題主視覺 動態呈現〉

用Processing做出的粒子系統。發射器在兩側端點,
同時發射不同速度的粒子,當粒子移動到轉折點時,
會改變行進方向,往中心移動。

〈Pro 30. Tree〉

程式應用中相當有趣的一個類別,是模擬自然生態。
無論是樹木的生長,或是候鳥飛翔,都可以透過程式碼的編寫來完成。

〈Pro 33. Animator〉

透過Processing寫出動畫編輯器,進一步了解動畫軟體中的運作原理。

〈Pro 36. Box〉

三角函數的應用。

〈展覽互動裝置 〉

Processing可以和Leap Motion感應器作結合,做出自己的互動遊戲。
Leap Motion本身也相當適合作為展場中的互動媒介。

學員評價

對於Processing程式有非常詳細的講解、而也破除一般人對「程式很難」的迷思,寫程式也可以很簡單。

Processing是一個看得到的語言,根據老師教授的步驟寫出來,很有成就感,而且課程內容詳實,收穫很大。

學校的專題需要使用Processing, 但老師又沒有教得很詳細, 幸好我在這邊發現了這堂課! 我還沒開始正式上課,但剛才點了幾個單元, 確實都是我不清除的觀念及內容, 先給滿分評價了!

課程內容實用,老師教學方法用心, 帶領大家進入程式設計的基礎 使其不感到疑惑。

課程連結

Content Protection by DMCA.com

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *