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

作者: shnovaj30101 (shnovaj30101)   2024-09-26 20:58:35
跟各位大大分享一下小弟最近寫的 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
感謝大家~
作者: kurtsgm   2024-09-26 21:25:00
看到你那個旋轉的方框 頓時30年前學小海龜LOGO的回憶都湧上來了 XDDD
作者: hobnob (hobnob)   2024-09-27 00:55:00
推推
作者: buke (一坪的海岸線)   2024-09-27 02:06:00
推推 好有趣
作者: zxc8787 (摸斗哈壓庫)   2024-09-27 02:49:00
用心推一個
作者: ss77995ss (概念王)   2024-09-27 03:08:00
作者: hermithsieh (hermit)   2024-09-27 08:17:00
作者: holebro (穴弟弟)   2024-09-27 11:22:00
不想上班 來學一下
作者: boy2285256 (susu)   2024-09-27 11:22:00
非常有趣 先推
作者: ian90911 (xopowo)   2024-09-27 11:41:00
感謝分享
作者: teddy (這是個好問題)   2024-09-27 11:56:00
寫到一半會大喊PERSONA嗎
作者: bean90638 (bean)   2024-09-27 12:48:00
酷欸 推
作者: neo5277 (I am an agent of chaos)   2024-09-27 13:33:00
可以做螺旋丸
作者: wizozd84070   2024-09-28 05:05:00
推分享
作者: luckyowl (魯蛇不能亡)   2024-09-29 12:59:00
作者: Tokukenis   2024-09-30 01:51:00
作者: HaoPing1119   2024-09-30 19:11:00
很有趣
作者: jay123peter (蕭瑟風雅)   2024-09-30 23:08:00
作者: littlexianbe (仙貝)   2024-10-01 17:17:00

Links booklink

Contact Us: admin [ a t ] ucptt.com