creativecoding-editor

【互動網頁程式教學】活用GUI Object與繼承概念，完成Canvas物件導向的滑鼠拖曳互動

利用GUI Object的概念，快速畫出多個物件，利用canvas物件導向概念加上事件偵測，讓滑鼠位置與物件互動，達成亮度的提示以及拖曳物件。

老闆不藏私！抓住NFT生成式藝術浪潮，分享在製作 Artblocks Project - Electriz 背後的理念與故事，以及介紹如何在生成式藝術平台上架p5.js演算法的技術細節。

第二次的 Creative Coding 社群聚，我們邀請到了聲音藝術家吳秉聖，以及 Team9 技術長、黑洞創造前端工程師及國立清華大學藝術學院的兼任教師張文瀚，下集由張文瀚介紹如何用數學作畫：fragment shader 的入門與應用。

第二次的 Creative Coding 社群聚，我們邀請到了聲音藝術家吳秉聖以及Team9技術長張文瀚來為大家做分享。這次一樣分成上下兩集，上集由吳秉聖帶來聲音、光、裝置與創意程式的互動關係。

我們會從 Vue.js 基本概念開始講起，非常適合剛開始接觸 Vue 的朋友們，接著我們用 Vue component 實作一個動態的飯店編輯頁面，你會學到：Vue.js 基本概念、Vue.js 語法指令及深入操作 Vue.component。

FAB DAO 的黃豆泥以收藏家的角度，帶大家了解靈魂綁定的NFT究竟有沒有市場，以及第三位創作者 Mizok 帶來他的＜宇宙＞共創作品分享。

叁式互動新媒體的技術美術Hoba帶來演算視覺在展演和商業上的應用，揭露近年來精彩的作品幕後製作祕辛，文末也帶來社群聚的創作者張文瀚帶來作品Wormhole分享。

第一次的社群聚，召集人吳哲宇破題開講 Creative Coding 以及 Shader 在生成式藝術領域的相關應用，分享他經典的NFT作品，最後也帶來他為這次的共創主題＜宇宙＞的新作。

生成式藝術迷人的地方就在於它的程式邏輯、它的數學藝術呈現，有秩序卻又充滿了隨機。吳哲宇的＜甜蜜陷阱＞便是這樣有機的創作作品。此文帶大家一步步從 sin 波慢慢建構出目眩神迷的 p5.js 創作。

利用Processing及p5.js展現新媒體互動程式結合藝術，已成為現在的新興潮流，此次的線上對談中邀請到王連晟與吳哲宇分享相關的觀察與教學發展。