鐵人檔案
p5.js是一個提供創作者可以在網頁上進行數位圖像創作的javascript套件，期望在這個密集的30天中，分享自己在使用p5.js的心得與發現。目前有鑑於NFT的熱門，使用p5.js完成的圖像，進而變成NFT市場上的交易項目，漸漸變成一個趨勢。p5.js從基本的繪圖指令到網頁媒體素材的處理，以及經由邏輯，演算法所產生的衍生圖像，更是令人不斷地想要從中發掘更多圖像的可能性。一起進入在畫布中Coding的日子吧。
事件觸發操作[鍵盤 KeyboardEvent] 今天來整理p5.js事件觸發操作 在網頁中的事件觸發是關係到整個操作流程及流暢度的關鍵。提供完整的事件項目，對...
事件觸發操作[滑鼠 MouseEvent] 今天來整理滑鼠的事件操作 在p5.js中滑鼠的事件，常用的有mouseClicked()，單擊doubleClick...
網頁元件的事件操作 今天來整理一下在網頁中常見的事件操作的功能 一般除了鍵盤，滑鼠(觸擊)之外，網頁的元件都有提供相對應的事件，讓網頁的功能可以更適時地產生回應...
設定事件操作的方法 今天來整理設定事件操作的方法網頁的運作，除了元件內容，基本上都是由事件串連起來的，不過在事件的操作上，事件的呼叫的名稱，常常會因為不同的瀏覽...
手機事件操作[螢幕多點觸擊] 今天來整理一些在手機上的事件操作。首先最常見的就是觸控螢幕 觸控螢幕 TouchEvent let can; function s...
物件點擊拖拉事件操作 今天來整理物件點擊拖拉的事件操作 在網頁的操作中，物件點擊拖拉事件，也就是「點，拖，放」的操作，主要的操作是移動網頁內的元件位置，甚至可以...
Canvas內容的座標與向量操作 今天來整理在p5.js中有關座標的操作我們先看一下基本的rect(x, y, w, h)的指令如果想要執行「平移，旋轉，縮放」...
UI介面元件操作 今天來整理一下在p5.js中有關UI介面元件，主要是提供有關表單的操作目前有的指令是以下這些--- 基本型 ---createElement(...
自訂物件的操作 今天來整理一下在p5.js中有關物件的操作 物件的架構 首先來看一下物件的架構一般的物件是由屬性建構起來，屬性包括屬性名稱及屬性內容，在屬性內容...
網頁配置與對齊排列的操作 終於來到鐵人賽的最後一哩路了， 重新將p5.js又學了一遍，不過觀念上更加融會貫通了。今天來整理一下, 網頁配置與對齊排列的操作 在網...
