Processing – 讓程式碼說設計語言 | Hahow好學校線上課程 | ARON HACK 亞倫害的

原始文章

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

 

---

 

課程連結

Hahow好學校 《 Processing – 讓程式碼說設計語言》

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

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

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

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

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

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

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

在上面短短的篇幅中，我們做了三件事：

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

現在可以回答問題了

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

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

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

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

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

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

以上面冰箱的例子來說，我們可以把冰箱的容納上限變成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打滾：

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

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

• 許多軟體都能讓使用者自己寫程式擴充功能，像是After Effects、Cinema 4D的腳本(Scripts)，或是Microsoft Excel中的VBA，具備程式基礎可以讓你在學習上更快上手。
• 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， 但老師又沒有教得很詳細， 幸好我在這邊發現了這堂課！ 我還沒開始正式上課，但剛才點了幾個單元， 確實都是我不清除的觀念及內容， 先給滿分評價了！

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

課程連結

Hahow好學校 《 Processing – 讓程式碼說設計語言》