[推坑] 分享自己寫的 p5.js 鐵人賽系列文

軟工

20190

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

p5.js 的環形藝術
https://ithelp.ithome.com.tw/users/20107274/ironman/7926

雖然作為一個後端工程師,但近半年發現自己對數形結合方面的生成式藝術有高度的熱情,所以就一頭栽進了 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 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1727355518.A.166.html
kurtsgm1樓看到你那個旋轉的方框 頓時30年前學小海龜LOGO的回憶都湧 09/26 21:25
kurtsgm2樓上來了 XDDD 09/26 21:25
MoonCode3樓 09/26 23:45
hobnob4樓推推 09/27 00:55
LoveMoon5樓 09/27 01:10
buke6樓推推 好有趣 09/27 02:06
zxc87877樓用心推一個 09/27 02:49
ss77995ss8樓 09/27 03:08
hermithsieh9樓 09/27 08:17
holebro10樓不想上班 來學一下 09/27 11:22
boy228525611樓非常有趣 先推 09/27 11:22
ian9091112樓感謝分享 09/27 11:41
teddy13樓寫到一半會大喊PERSONA嗎 09/27 11:56
bean9063814樓酷欸 推 09/27 12:48
neo527715樓可以做螺旋丸 09/27 13:33
wizozd8407016樓推分享 09/28 05:05
luckyowl17樓 09/29 12:59
Tokukenis18樓 09/30 01:51
HaoPing111919樓很有趣 09/30 19:11
jay123peter20樓 09/30 23:08
littlexianbe21樓 10/01 17:17