線下活動科技設計

【互動設計】p5.js 創意編程入門 - 10月平日班

297
6
2020.10.13 (Tue) 19:00 - 10.29 (Thu) 21:00 (GMT+8)加入行事曆

國父紀念館捷運站 2 號出口(國泰皇家大樓)

線下活動

報名完成後出示 ACCUPASS App 中的票券即可快速入場。

實際入場相關規定以活動主辦方為主。

如何取票?
「p5.js 創意編程入門」是為所有設計工作者及對科技藝術領域有興趣的朋友所開設的系列課程,我們將會學習近年相當熱門的創意編程工具- p5.js 程式框架,簡單易學、功能強大及容易分享的特性讓沒有程式經驗的你,可以輕鬆的學習程式並實現你的創意想法!
「p5.js 創意編程入門」是為所有設計工作者及對科技藝術領域有興趣的朋友所開設的系列課程,我們將會學習近年相當熱門的創意編程工具- p5.js 程式框架,簡單易學、功能強大及容易分享的特性讓沒有程式經驗的你,可以輕鬆的學習程式並實現你的創意想法!

線下活動

報名完成後出示 ACCUPASS App 中的票券即可快速入場。

實際入場相關規定以活動主辦方為主。

如何取票?
活動簡介

創意編程是什麼?

       創意編程(Creative Coding)是一種透過程式碼結合影像、聲音、硬體等媒材來展現創意的編程手法,被廣泛使用在互動式網頁、展覽互動裝置、演唱會視覺設計及科技藝術等領域,目前在全世界,已有許多設計師與藝術家開始使用創意編程,成為他們創作與工作上重要的技能。


 課程簡介 

       「p5.js 創意編程入門」是為所有設計工作者及對科技藝術領域有興趣的朋友所開設的系列課程,我們將會學習近年相當熱門的創意編程工具- p5.js 程式框架,簡單易學、功能強大及容易分享的特性讓沒有程式經驗的你,可以輕鬆的學習程式並實現你的創意想法!

        課程讓學員透過創作有趣的圖形與動畫來學習基本的程式語法與邏輯運用,讓學習程式不再枯燥乏味,並運用個人的聲音、圖片、視訊畫面等素材,實作聲音視覺化圖像重構、視訊創意濾鏡人臉追蹤等互動創意應用,學員在課程結束後,可以掌握基礎程式語法與獨立設計應用程式,並進一步結合創意,完成自己的網頁互動多媒體作品。


 課程將會玩哪些創意 

可互動視覺

參考作品:Programming Posters by Tim Rodenbröker

聲音視覺化

參考作品:Visualising Sound • Audio Responsive Generative Visuals by Joëlle 

視訊互動-人臉追蹤

參考作品:Sampler by Use All Five & Google Creative Lab


 這門課,你將可以學到 

  • 認識創意編程:培養程式美學與跨領域思維。
  • p5.js 理解與使用:基本的程式語法與邏輯運用。
  • 程式美學創作:創作圖形與動畫的程式技巧。
  • 互動創意應用:整合聲音、圖片、視訊畫面等素材於作品當中。
  • 創意開發能力結合個人創意獨立完成網頁互動多媒體作品。 

 適合對象 

  • 程式初學者:想學習程式卻不知道如何開始。
  • 視覺設計師:想增加程式創作技能與思維。
  • 網頁設計師:想精進網頁的創意與互動性。
  • 程式設計師:想嘗試設計與藝術等新領域。
  • 所有創作者:想了解科技藝術與互動設計領域。

 課程大綱 

 Day 1 

1堂 - 認識創意編程-p5.js 

  • 創意編程案例分享
  • p5.js 基本介紹
  • 圖形繪製
  • 實作第一個網頁互動程式

第2堂 - 由0到100-創造多個圖形

  • 迴圈的基本概念
  • 亂數的使用
  • 設計自己的印花

第3堂 - 讓圖形動起來

  • 邏輯判斷
  • 球體運動
  • 程式動畫創作

 Day 2 

第4堂 - 聲音視覺化

  • 麥克風互動
  • 音量與音頻分析
  • 聲音視覺化程式

第5堂 - 圖像分析與重構

  • 像素的基本用法
  • 圖像視覺重構

第6堂 - 視訊與人臉追蹤互動

  • 視訊創意濾鏡
  • 人臉追蹤(Face Tracking)結合互動視覺
  • 個人作品發布

 講師介紹 

蔡秉樺 | PSquare媒體實驗室

       互動設計師/新媒體藝術家,致力於互動體驗設計、創意編程教育、科技藝術創作,目前於國立臺灣藝術大學、大同大學擔任多媒體設計與創作專題課程講師。

       作品入圍2014及2019年威尼斯拉古納國際藝術獎、2013、2014及2018年阿根廷404電子藝術節、2013及2018年臺北數位藝術節、2019年桃園科技藝術節、2013年桃源創作獎、2016年全國美展等,於2019年榮獲第十二屆SIGGRAPH ASIA延展實境(Extended Reality, XR)類別最佳科技大獎(Best XR Technology) 。

       PSquare媒體實驗室為結合多方領域的新媒體藝術團隊,如互動程式、感測裝置、影像視覺設計等。團隊致力於新媒體表演、互動體驗展示、燈光裝置設計,以及科技藝術等跨領域創作,作品多次獲獎及受邀演出,如2015年表演計畫"Resonate 2"獲入選及演出於美國"SLINGSHOT Festival"、2016年演出於瑞典斯德哥爾摩藝穗節,2018年獲文化部「表演藝術結合科技跨界創作」補助計畫,並於同年演出共感服裝實驗展演"3.14159"。


 上課環境 


 課程資訊 

|課程日期|

10/13(二)、 10/15(四)

10/20(二)、 10/22(四)

10/27(二)、 10/29(四)

19:00-21:00 ( 2hrs / 天,共 12hrs )

 

|課程地點|

BLND - 台北市大安區忠孝東路四段 250 號 4 樓

 

|課程費用|

早鳥 9 折優惠:NT$ 7,560(10/07 前報名)

學生 7 折優惠:NT$ 5,880(憑有效學生證)

BLND 舊生 7 折優惠:NT$ 5,880(憑BLND課程報名證明)

一般價格:NT$ 8,400


 注意事項 

  • 學員需自備耳麥筆記型電腦(含Webcam),Windows或Mac系統皆可。
  • 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  • 本課程為小班制,上課人數以 15 人為限。
  • 報名費不包含餐費。
  • 若報名學員人數不足 8 人,將視情況取消當次課程,並全額退還報名費用。

 防疫公告 

為落實新型冠狀病毒 (COVID-19) 防疫與維護活動貴賓的健康,將實施以下防疫措施:

  • 報到處會進行額溫測量、提供酒精消毒,並請務必配戴口罩上課。
  • 課程空間亦有定期加強清潔消毒,提供完善整潔的學習環境。
  • 過去 14 天有出入境旅遊史、身體不適、發燒或呼吸道症狀者,切勿勉強請自我隔離。
  • 課程中,若有身體不適,請主動告知現場工作人員,以便提供您協助。
  • 依照傳染病防治法第 58 條規定,須配合檢疫措施,如有拒絕、規避妨礙或填寫不實者,可依法處新台幣 1-15 萬元。
avatar

BLND Academy

【互動設計】p5.js 創意編程入門 - 10月平日班

2020.10.13 (Tue) 19:00 - 10.29 (Thu) 21:00 (GMT+8)

活動嘉賓

蔡秉樺
蔡秉樺
活動地圖

台灣台北市大安區忠孝東路四段 250 號 4 樓

loading