iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
生成式 AI

TouchDesigner 系列

教學TouchDesigner與少許p5.js這兩個程式,TouchDesigner是以節點式連接成藝術作品,能夠與MIDI 鍵盤或是以聲音,透過中間節點的處理,生成出藝術作品出來,會邊學TouchDesigner以每1~3天就有個小作品出來,邊做邊學。

鐵人鍊成 | 共 31 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 P5.js

剩下的時間要教大家來用p5.js這程式語言P5說白了就是用程式語言來畫畫,相較於其他語言,p5有更好的函數庫來創作,可以更直覺地畫出圖形。 要先請大家在這註冊帳...

2024-10-03 ‧ 由 kaiwen1419 分享
DAY 22

Day22 P5.js初試

左邊有EDITOR 下面的LAYOUT可以切換成畫面一半是程式碼,一半是作品,會比較方便邊看邊改程式碼 開始 我們到這個介面 function draw()...

2024-10-04 ‧ 由 kaiwen1419 分享
DAY 23

Day23 p5.js(3)

我前一篇有點錯誤fill(mouseX, mouseY,50) //顏色stroke(200,100,100) //外框顏色strokeWeight(5) //...

2024-10-05 ‧ 由 kaiwen1419 分享
DAY 24

Day24 P5.js慢慢拼回記憶

進到鐵人賽以前我p5大概是9個月前寫的當時練習了一些東西,現在要慢慢拚回來了 變數: Var c=20過去p5好像得指名變數的type像是C#那樣但現在直接用v...

2024-10-06 ‧ 由 kaiwen1419 分享
DAY 25

Day25 P5.js終於進到ifㄌ

文字: function draw() {background(255);circle(mouseX, mouseY, 20);textSize(50)text...

2024-10-07 ‧ 由 kaiwen1419 分享
DAY 26

Day26 p5.js for迴圈

For迴圈畫正方形for (初始值; 條件; 更新) {// 迴圈體:在每次迴圈中要執行的代碼}邏輯蠻像上一篇講的,寫在setup的for迴圈,還是一樣要對x與...

2024-10-08 ‧ 由 kaiwen1419 分享
DAY 27

Day27 時鐘(1)

https://p5js.org/reference/p5/arc/開始前先查查半圓形怎麼畫arc(x, y, w, h, start, stop);x:弧的中...

2024-10-09 ‧ 由 kaiwen1419 分享
DAY 28

Day28 p5.js時鐘完成

先創造三個有關時間的函數分別是SecondMinuteHour 打印出來就能看到它是跟著時間跑的,而且這個函數是真的與現實同步的,現在12點print出來就是1...

2024-10-10 ‧ 由 kaiwen1419 分享
DAY 29

Day29 最後的p5.js

哎呀呀剩兩天了,但我明天想要總整理今天來複習個重點利用迴圈寫出正方形來,size設定100設定兩個迴圈這兩個迴圈條件寬度/100=寬有幾個正方形的邊高度/100...

2024-10-11 ‧ 由 kaiwen1419 分享
DAY 30

Day30 心得、統整

先感謝有這個30天比賽的機會,能推我把過去學到的東西做個梳理,還好老師推我報名,不然我在這之前不知道鐵人賽是甚麼,TD的部分有稍微去思考要怎麼呈現盡量要有幾個概...

2024-10-12 ‧ 由 kaiwen1419 分享