Search
200629 Fire Bamboo 火燒竹筍
竹筍們著火了，在著急的抖來抖去，
今天想到，如果把p5.js畫布結果輸入到shader做使用，
就可以做出類似畫布或扭曲的濾鏡，
嘗試了一下發現效果很酷，之後就可以用p5畫完形狀再放進shader後處理了。
https://www.openprocessing.org/sketch/926217
老闆的 IG 追起來 👉 https://www.instagram.com/bosscodingplease/
【互動藝術程式創作入門】募資順利結束，已經快突破 3400％！準備精彩課程範例中 👉 https://hahow.in/cr/creative-coding-1
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #creativecodeart #new_media_art #art #graphic #codeart
200629 Fire Bamboo 火燒竹筍
竹筍們著火了，在著急的抖來抖去，
今天想到，如果把p5.js畫布結果輸入到shader做使用，
就可以做出類似畫布或扭曲的濾鏡，
嘗試了一下發現效果很酷，之後就可以用p5畫完形狀再放進shader後處理了。
https://www.openprocessing.org/sketch/926217
老闆的 IG 追起來 👉 https://www.instagram.com/bosscodingplease/
【互動藝術程式創作入門】募資順利結束，已經快突破 3400％！準備精彩課程範例中 👉 https://hahow.in/cr/creative-coding-1
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #creativecodeart #new_media_art #art #graphic #codeart
輸出了一些之前做的作品大圖，
在behance上看比較能保留細節～
老闆的 IG 追起來 👉 https://www.instagram.com/bosscodingplease/
【互動藝術程式創作入門】募資順利結束，已經突破 3330％！準備精彩課程範例中 👉 https://hahow.in/cr/creative-coding-1
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #creativecodeart #new_media_art #art #graphic #codeart
來了，來了，龍捲風來了，要把你的牛跟穀倉抓好，不然他們會飛上天空。
喜歡這次的龍捲風作品嗎？ 大家有沒有創作中途中慢慢找出主題的經驗或困難呢？ 留言跟老闆分享吧💪
這次做的作品 龍捲風 - https://www.openprocessing.org/sketch/902125
生成式藝術作品集：https://cheyuwu.com/arts
課程募資圓滿結束破 3300% 啦! 準備精彩課程範例中!
預購互動藝術課程：https://www.youtube.com/watch?v=hWVwQus9ciQ
00:08 1.畫龍捲風測試
01:02 2. 加上被捲飛的物體
01:36 3. 把物體替換成乳牛
02:53 4. 加上牛擺動的腳
04:14 5. 加上牛的頭
05:58 7. 調整龍捲風視覺 ＋ 天空上色
07:30 8. 加上龍捲風動態與漸層天空
09:37 9. 加入飛行的房子
11:40 10. 修飾細節跟最後收尾
直到被觀察的一刻在化為事實，處於不穩定的狀態，有可能存在也可能不存在。
喜歡這次的量子作品嗎？ 大家有沒有創作中途中慢慢找出主題的經驗或困難呢？ 留言跟老闆分享吧💪
這次做的作品 - 量子不穩定： https://www.openprocessing.org/sketch/904085
生成式藝術作品集：https://cheyuwu.com/arts
課程募資圓滿結束破 3300% 啦! 準備精彩課程範例中!
預購互動藝術課程：https://www.youtube.com/watch?v=hWVwQus9ciQ
0:18 繪製圓形與波形
1:18 加上顏色
2:21 加上材質 調整波型大小
3:52 調整縱向比例製造中心壓縮
5:25 移動中心點繞中心旋轉
7:30 加上發光效果跟調整材質
9:30 加上外部裝飾
11:13 加上游離粒子
12:35 加上裝飾
14:21 加上原子核跟最後修飾
原本想嘗試做金屬色跟利用HSB畫極光，
亂改了之後莫名的變成了飄飄軟軟的鳥，
沒有定型的身軀，每個意念都是無形又獨特的存在。
這次做的作品 - 夢幻鳥： https://www.openprocessing.org/sketch/895972
生成式藝術作品集：https://cheyuwu.com/arts
課程募資圓滿結束破 3300% 啦! 準備精彩課程範例中!
預購互動藝術課程：https://www.youtube.com/watch?v=hWVwQus9ciQ
目錄：
00:15 1. 繪製基礎噪聲
01:38 2. 依據噪聲橫列的影響色彩分佈跟變化
03:05 3. 修飾幾何形狀與加入隨機大小
04:23 4. 使用三角函數繪製波型
05:35 5. 加上眼睛
06:55 6. 調整生物外觀
08:21 7. 加入眼睛看向滑鼠
09:40 8. 細調樣式與平衡
10:26 9. 加入魚鰭
11:22 10. 最後修飾
p5 js範例 在 【教學筆記】p5.js 快速上手... - 老闆來點寇汀吧。 Boss ... 的推薦與評價
【教學筆記】p5.js 快速上手先前老闆的教學筆記出爐囉，在這次的筆記中，整理了p5 的畫布、圖形顏色以及判斷式的範例，錯過影片的客人可以透過這個筆記快速瞭解p5.js ... ... <看更多>