【p5.js 程式創作】Soul Fish 數位永恆生命的靈魂魚 – 製作流程
此篇文章是前陣子發行的作品 - 靈魂魚 - 背後的製作流程，關於如何使用程式來創作一隻夢幻的數位生物！靈魂魚的作品是用理性的程式創造生命感的探索，也融合了互動生成音樂與視覺，是在互動型 NFT 邊界上的探索之作 。
繼續閱讀
教學Tutorial
【p5.js 程式創作】Soul Fish 數位永恆生命的靈魂魚 – 創作故事
在這篇文章中，哲宇想跟大家介紹為什麼會製作靈魂魚，如何透過多重感官觀賞作品，他的完整故事與設計，以及在視覺跟聽覺和互動上的巧思，曾展出的空間形式和未來期待繼續發展的方向！
繼續閱讀
p5 js互動藝術程式創作 – 初階應用實戰教學！（下篇）
老闆在第一屆「Processing 臺灣國際社群日」活動中，受邀為設計工作坊擔任講師，針對 p5.js互動藝術程式創作入門的主題進行為期兩天的分享。分別為第一天的基礎練習與第二天的生程式藝術實作，本篇文章內容為第二天的實作練習，希望能讓同學能學習到以基礎的方式，將創意想像以自己的技術實現！
繼續閱讀
p5 js互動藝術程式創作 – 初階應用實戰教學！（上篇）
老闆在第一屆「Processing 臺灣國際社群日」活動中，受邀為設計工作坊擔任講師，針對 p5.js互動藝術程式創作入門的主題進行為期兩天的分享。分別為第一天的基礎練習與第二天的生程式藝術實作，本篇文章內容為第一天的基礎練習，希望能讓同學能學習到以基礎的方式，將創意想像以自己的技術實現！
繼續閱讀
圓圓圈圈：利用迴圈呈現重覆的美
「重複」，在藝術表現或日常中很常見的概念，在Creative Coding的領域內更是大量被使用的表現手法，跟大家分享如何在程式創作內加入「重複」概念及實作。
繼續閱讀
外星圖像渲染語言？如何應用 Shader 跟 WebGL 達成絢麗視覺效果
想要在網頁中快速渲染出驚人的 3D 視覺效果和互動嗎？本篇文章老闆帶你快速入門了解 Shader、分享實作在專案中的經驗，就讓我們開始玩玩看 Shader 吧！
繼續閱讀
【互動網頁程式教學】活用GUI Object與繼承概念，完成Canvas物件導向的滑鼠拖曳互動
利用GUI Object的概念，快速畫出多個物件，利用canvas物件導向概念加上事件偵測，讓滑鼠位置與物件互動，達成亮度的提示以及拖曳物件。
繼續閱讀
五月社群聚（下）：張文瀚教你用數學作畫 GLSL fragment shader
第二次的 Creative Coding 社群聚，我們邀請到了聲音藝術家吳秉聖，以及 Team9 技術長、黑洞創造前端工程師及國立清華大學藝術學院的兼任教師張文瀚，下集由張文瀚介紹如何用數學作畫：fragment shader 的入門與應用。
繼續閱讀
【Vue.js入門】一小時學會 Vue.component，完成動態飯店房間清單
我們會從 Vue.js 基本概念開始講起，非常適合剛開始接觸 Vue 的朋友們，接著我們用 Vue component 實作一個動態的飯店編輯頁面，你會學到：Vue.js 基本概念、Vue.js 語法指令及深入操作 Vue.component。
繼續閱讀
【p5.js創作教學】Sweet Trap 甜蜜陷阱
生成式藝術迷人的地方就在於它的程式邏輯、它的數學藝術呈現，有秩序卻又充滿了隨機。吳哲宇的＜甜蜜陷阱＞便是這樣有機的創作作品。此文帶大家一步步從 sin 波慢慢建構出目眩神迷的 p5.js 創作。
繼續閱讀