準、備、放、假❗️ LINE Pay 10%+$800 今晚即將全數消失⏰ 再領 $1600 券🔥 連假不想只在家滑手機?趁優惠快去選一堂課!
時
分
秒
23:59 後就消失🚨
登入/註冊
小蛙同學
2022/01/13
915

用一點固執和無限新奇,開啟這場程式大冒險!——吳哲宇

2017年起,吳哲宇接連開設了《動畫互動網頁程式入門》與《動畫互動網頁特效入門》兩門課。像是 Hahow 老朋友一般的哲宇,是那種親切又讓人好驚喜的奇妙男子,他曾說:「Creative Coding 讓你知道,原來程式可以做到那麼多想像不到的事情」,來看看哲宇專訪!

對文章有興趣來不及看?點選右上角「橘色小書籤」收藏文章,再也不怕錯過就是一輩子!

晨間的台北與入夜的紐約,撥通越洋電話的瞬間,那頭的哲宇語氣颯爽地讓人懷疑是不是不小心的打進了電台的 Call-in 單元。「其實我想過當廣播節目主持人。然後大學因為在交大念電機,也思考是不是要走 IC 產業,但是發現更喜歡做出有自己特色的作品,所以才走上程式設計這條路。」他笑著解釋。

他的寇汀進化論

2017年起,接連開設了《動畫互動網頁程式入門》與《動畫互動網頁特效入門》兩門課,像是 Hahow 老朋友一般的哲宇,是那種說起話來就親切,聊起專業又讓人好驚喜的奇妙男子。

他說自己不喜歡原地踏步,碰到新奇的事就格外想嘗試,帶著一點金牛座的固執,哲宇自我剖析,第一次的開課談程式入門,「那時候我還在大學裡,剛碰網頁 2、3 年,覺得寫東西好難,網路上的教學好像湊一湊也湊不出什麼完成品。」在兀自摸索了一陣子之後,他意識到市面上少不了從 0 到 1 的程式教學,卻鮮少有人手把手地帶領初心者,一路做出完成度與美感兼具的作品,「我在想,有沒有一種可能是,學習網頁也同時讓作品有設計感。」這樣的意念萌芽階段,姑且讓我們稱之為「哲宇 1.0」。

而接下來大概也能想見,充滿求知欲的他怎會甘於重複自己。進入特效入門課的「2.0」時期,哲宇的 YouTube 教學頻道——「老闆,來點寇汀吧」扮演了階段轉換的關鍵角色。

「當時,有幾次直播談怎麼做特效型的網頁,就發現用到了很多數學,比如在網頁上寫一個波形,你要去敘述這件事情,就可能用到一些 sin 啊、cos 啊(三角函數),結果影片下面很多人崩潰。」


圖片來源:Hahow 圖庫

因為見證了集體崩潰的慘狀,電機背景的他,第一次意識到,「數學」對於想嘗試網頁特效的創作者而言,原來是無比龐大的壓力和阻礙,於是哲宇的第二堂課橫空出世。

來自紐約的程式創作力


圖片來源:Hahow 圖庫

如同電玩裡冒險型的主人公,不只自己打怪越級,還總能帶著同伴一起變強;工作狂性格的哲宇,太習慣一邊透過知識的輸入來建構自我;於此同時,也一面輸出消化後的金手指,提供給同路的夥伴作為升等捷徑。

「我後來做網頁做到有一點膩了,就申請學校來紐約這邊念書( NYU )。我讀的系叫做『整合數位媒體』,就是整合很多種數位媒體的做法,現在就在系上當 Creative Coding(程式創作)的助教。」他接著說起現正進行中的「3.0」,用的是最直白易懂的詞組和句構,好讓初次接觸程式創作的新手也能舒適的入門。


圖片來源:Hahow 圖庫

攤開 Creative Coding(程式創作)的守備區,日常細節裡比比皆是,展場裡 VR、AR 和動作偵測的設計;北美館裡池田亮司的作品;甚至是滑開手機,《紐約時報》關於 COVID-19 數據的視覺化專題,都涵蓋在內。

「應該說這是一個有點模糊概念,只要你是用程式來創作,就可以算進這個範圍。」

而若要更具現化他在紐約所接受的這套學習體系,他清晰地解答:「有點像交給你一些基礎的心法或是初始的工具,讓你知道,原來程式可以做到那麼多想像不到的事情。」

在紐約的養分裡,總覺得我們的老朋友又升級到了新的領域,只是聊著天,就仿似親臨那充滿想像力和創造性的課堂。對於程式語言的鞭長莫及,沒忍住跟對他讚嘆了一番,卻也免不了擔心聽起來好高的技術門檻,而那頭的哲宇只是笑著,淡淡地說,「我在紐約當助教當了一年半,後來觀察到,很有想法的學生即使沒有程式背景,都反而表現得比較好,因為他們心裡知道想要什麼效果。只要給一點技術,他們就會寫了。」那話語如同深夜的 Call-in,不多不少的給出了面對的勇氣。


圖片來源:Hahow 圖庫

有時候走一條不算確定的路、學一門從未接觸的專業,都只差一點點指引和信心。跟著走得太前面的哲宇,亦步亦趨,什麼程式與動畫、特效和數學,創作導入多媒體,想來似乎也沒那麼艱辛。

看完文章要用時卻忘光光?點選下方按鈕 收藏 此文章,我隨時都在這等你回來!


line-short


課程推薦:
對程式創作和數位媒體有興趣的你,千萬不能錯過哲宇深入淺出的精彩課程:

▶︎ 互動藝術程式創作入門 Creative Coding


哲宇的動畫互動網頁課程,好評推薦:

▶︎ 動畫互動網頁程式入門( HTML / CSS / JS )

▶︎ 動畫互動網頁特效入門( JS / CANVAS )


打開 Coding 大門,探索更精彩的技巧與應用:

▶︎ 使用 HTML、CSS 開發一個網站


延伸閱讀:


採訪、撰稿編輯:Ani Syu

給創作者來點掌聲!


小蛙同學

想學習新事物,但不知道怎麼開始?問小蛙同學就對了!我擅長提供有用的資訊,幫助同學們更輕鬆快樂的學習與進步!歡迎你一起加入 Hahow 好學校這個大家庭!

其他人也在看

更多文章