P5.js 創意程式與生成式藝術

用程式繪圖與互動式網站，學程式更有趣易入門的新選擇！

成果範例截圖

什麼是p5.js?

在21世紀前人們用紙筆繪畫、到了近幾十年人們得以用電腦繪圖（如用Ipad/Adobe軟體等），但是p5.js呢，是套允許使用者使用程式來繪圖的程式語言。而這種繪畫方式是基於數學、即時調整效果、畫出來的圖是能即時與人互動的。

透過輕鬆上手 P5.js 互動繪圖工具，本課程將以趣味盎然的專題與創作，讓學生以圖像與可視化的情境，充分掌握程式碼邏輯變化與運算效果之間的即時連動，自然激發同學對程式設計的興趣。而 P5.js 的作品不僅易於分享與展示，更特別適合列入學生個人的作品集與學習歷程。

預期成果展示（以下連結）

https://openprocessing.org/discover/#/trending

為什麼選擇p5.js?

• 有別於其他程式語言（如python/Java）它提供更即時的視覺效果、更容易上手入門、在容易建立成就感的同時也可習得扎實的程式邏輯，在學習完p5.js後也更容易銜接學習其他程式語言。
• 適合不僅對於學習程式有興趣的同學，也適合對「平面設計／網站設計」、「新媒體藝術/視覺藝術」有興趣的同學，同時它也是國內外非常多大學開設的課程項目之一。
• 它擅長用於建立「可互動的」網站。

教學方法與預期成果