作者 shnovaj30101 (shnovaj30101)
標題 [推坑] 分享自己寫的 p5.js 鐵人賽系列文
時間 Thu Sep 26 20:58:35 2024


跟各位大大分享一下小弟最近寫的 it 鐵人賽系列文

p5.js 的環形藝術
https://ithelp.ithome.com.tw/users/20107274/ironman/7926
p5.js 的環形藝術 :: 2024 iThome 鐵人賽
[圖]
本系列教學會介紹關於 p5.js 框架和 glsl 的一些基本技巧 加上一些環形視覺藝術創作的實際演練 本教學會包括一些數形結合方面的內容 希望讀者能藉由視覺上... ...

 

雖然作為一個後端工程師,但近半年發現自己對數形結合方面的生成式藝術有高度的熱情,所以就一頭栽進了 p5.js 的世界。

也希望自己在做的事情能被更多人看到,有更多交流機會,所以就榨乾自己近期的創作想法,盡可能的把它寫出來,因此有了這系列 p5.js 教學文。

p5.js 是用來進行生成式藝術創作的 javascript 框架,通常在做聲光效果的藝術家都會用 p5.js 來進行創作,因為 p5.js 主打的就是簡單直觀且容易上手。

推銷一下 p5.js 的環形藝術 系列文有什麼優點:

1. 大量的圖片與 gif 動圖,幾乎每個完整的範例程式都有對應的 gif 呈現
2. 將近 40% 的實戰演練單元,確保學到的基礎語法都能用在文章裡的實際作品中
3. 除了程式教學,還包含數學的觀念推導,讀者可以真正體驗到程式、數學和藝術的結合
4. 每個實戰演練幾乎都是手把手的觀念推導,讓讀者可以細緻了解創作時的思路過程
5. 後期還包含 glsl 的程式教學與應用,有碰過的都知道 glsl 的高門檻,我希望本系列文也能成為 glsl 很好的入門磚

我在 Dcard 和 FB 也發了一樣的推銷文,上面才可以呈現 gif,展示系列文中會出現的 p5.js 視覺藝術作品,所以我也把連結貼在這邊。

Dcard:
https://www.dcard.tw/f/softwareengineer/p/256785655

FB:
https://www.facebook.com/groups/1403852566495675/posts/3779073122306929

感謝大家~

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.164.226.114 (臺灣)
※ 作者: shnovaj30101 2024-09-26 20:58:35
※ 文章代碼(AID): #1czLf-5c (Soft_Job)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1727355518.A.166.html
kurtsgm: 看到你那個旋轉的方框 頓時30年前學小海龜LOGO的回憶都湧上來了 XDDD1F 09/26 21:25
MoonCode:3F 09/26 23:45
hobnob: 推推4F 09/27 00:55
LoveMoon:5F 09/27 01:10
buke: 推推 好有趣6F 09/27 02:06
zxc8787: 用心推一個7F 09/27 02:49
ss77995ss: 推8F 09/27 03:08
hermithsieh: 推9F 09/27 08:17
holebro: 不想上班 來學一下10F 09/27 11:22
boy2285256: 非常有趣 先推11F 09/27 11:22
ian90911: 感謝分享12F 09/27 11:41
teddy: 寫到一半會大喊PERSONA嗎13F 09/27 11:56
bean90638: 酷欸 推14F 09/27 12:48
neo5277: 可以做螺旋丸15F 09/27 13:33

--