Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式，只要加上它，就會有種作品有了自我意識和生命的錯覺

<html lang="en"><head><style> .article-container { width: 100%; font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif; } ul, ol { margin: 12px auto; max-width: 740px; color: #535150; line-height: 1.8; padding-left: 0px; } .graf--img { display: table; justify-content: center; align-items: center; text-align: center; color: gray; font-size: 14px; letter-spacing: 0px; margin: 10px auto 50px; width: 100%; position: relative; clear: both; } .graf--img.center img { width: 100%; max-width: 740px; margin: 10px auto 0px; display: block; margin: 0 auto; } .graf--img.full img { width: 100%; } .captionTheme__wrapper { width: 100%; font-style: normal; line-height: 22px; font-size: 16px; max-width: 600px; margin-top: 8px; display: inline-block; } .graf--img.full { max-width: 100%; margin: 40px 0px; display: block; margin: 0 auto; align-items: center; } .graf--figure { text-align: center; color: gray; font-style: italic; font-size: 15px; margin: 28px auto; box-sizing: border-box; } .graf--figure iframe { width: 100%; max-width: 740px; margin: 0 auto; } .graf--p { font-size: 16px; line-height: 1.8; font-family: "Microsoft JhengHei fixed", "Helvetica Neue" ,"Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif; letter-spacing: 1px; font-weight: 400; max-width: 740px; color: #535150; text-align: left; } .graf--p > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--li > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--quotesSpecial > a { color: #00B3C6 !important; text-decoration: none !important; } .graf--blockquote > a { color: #00B3C6 !important; text-decoration: none !important; } a.graf--mention { color: #535150 !important; text-decoration: underline !important; font-weight: 700; } .graf--h2 { font-size: 24px; padding: 0; max-width: 740px; text-align: left; letter-spacing: 1px; font-weight: 700; margin-top: 34px; } .graf--h3 { font-size: 18px; padding: 0; max-width: 740px; text-align: left; letter-spacing: 1px; font-weight: 700; margin-top: 28px; } .graf--li { font-size: 16px; padding: 0px 0px 0px 4px; font-weight: 400; letter-spacing: 0px; list-style-position: outside; text-align:left; margin-left: 24px; } .graf--hr { width: 100%; margin: 0px auto; transform: translateY(-50%); position: relative; padding: 0px; text-align: left; max-width: 740px; margin: 0 auto; } .graf--hr hr { height: 0; } .graf--blockquote { padding: 10px 0px 10px 16px; font-size: 16px; color: #7A7574; letter-spacing: 1px; margin: 28px 0px; border-left: 4px solid #DDD9D8; width: 100%; max-width: 740px; text-align: left; } .graf--quotesSpecial { display: table; color: #7A7574; position: relative; padding: 31.5px 40px; text-align: center; letter-spacing: 0px; position: relative; margin: 29px auto; font-family: "Microsoft JhengHei fixed", "Helvetica Neue", "Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif; font-size: 16px; -webkit-box-ordinal-group: 1; -webkit-box-flex: 0; } .embed-wrapper { max-width: 740px; border: 1px solid #DDD9D8; display: block; padding: 12px; border-radius: 8px; margin: 12px 0px; text-decoration: none !important; } .embed-title { font-size: 16px; font-weight: 700; color: #535150; margin-bottom: 8px; text-align: left; line-height: 1.5; text-decoration: none !important; } .embed-description { width: 100%; font-size: 14px; color: #7A7574; line-height: 1.5; max-height: 150px; text-align: left; overflow: hidden; padding: 12px 0px; } .embed-url > a { width: 100%; font-size: 14px; color: #141413 !important; text-decoration: none !important; line-height: 1.5; text-align: left; } .embed-thumbnail-wrapper { padding-left: 12px; } .embed-thumbnail { width:100px; border-radius: 8px; } pre { background: #F6F6F6; border-radius: 8px; padding: 16px; font-size: 16px; color: #535150; line-height: 180%; text-align: left; } .lexical__textBold { font-weight: bold; } .lexical__textItalic { font-style: italic; } .lexical__textUnderline { text-decoration: underline; } .lexical__textStrikethrough { text-decoration: line-through; } .lexical__textUnderlineStrikethrough { text-decoration: underline line-through; } .lexical__textSubscript { font-size: 0.8em; vertical-align: sub; } .lexical__textSuperscript { font-size: 0.8em; vertical-align: super; } .lexical__textCode { background-color: rgb(240, 242, 245); padding: 1px 0.25rem; font-family: Menlo, Consolas, Monaco, monospace; font-size: 94%; } </style></head><body><div class="article-container">Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式，只要加上它，就會有種作品有了自我意識和生命的錯覺<div><a class="embed-wrapper" href="https://www.youtube.com/shorts/WTETDqtf6q0" target="_blank"><div class="embed-title">前往觀看 YouTube 影片</div></a></div>程式碼: <a href="https://openprocessing.org/sketch/2205671" target="_blank" rel="noreferrer noopener">Open Processing</a> </div></body></html>

創作

以為擁有的 / 其實尚未 / 以為失去的 / 或許換成了另一種獲得



APOW's即興。音樂。創作

假裝是詩 〈偶爾〉

人面犬（じんめんけん），即有著一張人臉的狗，不僅如此，其面孔還是一張中年男子的臉，並且會說著人話。跑起來的速度能夠跟一台車並行，最快時速約莫100公里，任何被牠追的人除了要能克服這張臉之外，還要能跑得比牠快……

時雨の町的沙龍

有張人臉的狗「人面犬」──日本恐怖都市傳說

你要記得，你們不能分開，但是絕對不能在一起，這是命運，要勇敢接受，知道嗎？
這是奶奶的遺言，只說給我聽的。
「奶奶跟你說了什麼？」
「……沒什麼。」
沒什麼……
這是命運，我要勇敢接受。

 
叮咚～～
室外的冷風在自動門開啟的一瞬間刮了進來，便利商店裡稀落的人都縮了縮脖子。
葉冬海

蒔舞的沙龍

[示見之眼] 深夜一點零六分的偶遇 01

密閉的房間裡，僅有落地窗旁的燭台泛著微弱光亮，其餘的簡單擺設，皆為暗色。物與物之間的輪廓，難以辨別。
「醒醒吧！」
不知沉默了多久，對面的那個男人，重新開口了，嘴角都快咧到眼角旁。
「『人類』能受到恩賜，是因為愚昧與無知，難以撼動『祂們』的地位。」

xheep games的沙龍

序章｜當玫瑰花在末日盛開時

《Witch's Window》系列第二作：《調香絮語》。本文分享這幅作品的創作靈感，從氣味的選擇與調和，延伸到情緒的觀察與安放，描繪一種溫柔與內在共處的狀態。

以行動支持創作者！付費即可解鎖

想要紀錄自己追求創作、繪畫的歷程。偶爾是在這段旅途中個人領悟的整理與歸納，偶爾是繪畫背後的過程或者對作品的想法。創作很美好，但也不免有很多辛苦的時候，我想要紀錄下來，等回頭看時，也不忘肯定自己，也希望通過這些紀錄陪伴一同在追夢的人。

CW.Fantasy

系列畫作 02｜Scented Whispers

因為好奇大家在方格子最常寫什麼內容？所以爬了後台資料庫。未看先猜，本來以為「財經類」關鍵字會傲居榜首，例如：股票、大盤、美股之類的，沒想到⋯⋯ #人生 才是站上創作者們最常下的 tag (ﾟﾛﾟﾉ)ﾉ&nbsp; 👑 過去 30 天，vocus top 文章關鍵字 👑 前 6 名如下：1. 人生2. 小說3. 生命4. 投資5. 創作6. AI 格編想說！！！你們這群人，腦袋整個分裂為感性和理性，會不會太衝突啊 ( ꒪҇൧̑ ꒪҄ꐦ)？ 但話說回來，不管幾歲，「人生」、「生命」好像真的是一輩子的大哉問。就連此刻坐在這發文，格編都想著：「外面天氣這麼好，我的人生要浪費在電腦前嗎？」（欸沒有啦！偶認真工作 4 月，春暖花開，你的發文計畫有哪些？今天分享的 6 大關鍵字，你這 30 天內有用過嗎？無論你是理性腦、感性腦，歡迎參考下方 idea 補靈感 ♡ ☀☀☀ 留言告訴格編，你發文最愛用的關鍵字？也推一篇 3 月你的好文吧 ☀☀☀ — 🗓️ 格編要放假4/4 兒童節4/5 清明節4/22 世界地球日4/23 世界閱讀日 ✨ 格編去哪玩台北｜2026 VOGUE風格野餐日（4/11） 台北｜陽明山竹子湖海芋（即日起至 4/26） 新北｜《托馬斯．薩拉切諾：共織宇宙》（即日起至 9/6） 嘉義｜奈良美智巡展《跟著朦朧潮濕的一天回嘉》（即日起至 5/17）屏東｜《當繁花盛開》日本當代藝術展展期（即日起至 8/30） ⸜(* ॑꒳ ॑* )⸝ 四月迎接「桐花、螢火蟲」，歡迎分享私房秘境！ ✍️ 格編寫什麼<a href="https://vocus.cc/tags/%E6%BC%AB%E7%95%AB">小時追連載、長大收全套：致童心未泯的漫畫夢</a><a href="https://vocus.cc/tags/%E5%A5%A7%E6%96%AF%E5%8D%A1">2026 奧斯卡🍿我的小金人私推片單</a><a href="https://vocus.cc/tags/%E6%AB%BB%E8%8A%B1">粉紅雨來襲！2026 櫻花特輯 🌸</a><a href="https://vocus.cc/tags/%E5%A4%A7%E6%B8%AF%E9%96%8B%E5%94%B1">人生的音樂祭：大港起風，靈魂翻湧</a><a href="https://vocus.cc/tags/%E9%96%B1%E8%AE%80%E7%9A%84%E6%A7%93%E6%A1%BF">閱讀的槓桿：那些讓我增值的書</a> 🩷 格編私心推電影：《穿著Prada的惡魔2》月底上映，期待梅莉史翠普、安海瑟薇這次會怎麼較勁！書籍：《卡芙涅》，被書籍文案狠狠打中⋯⋯「哭著吃飯的人會活下去。」演唱會：盧廣仲 HeartBreakFast 傷心早餐店，大家有搶到票嗎？請、加、油&nbsp; (☍﹏⁰)&nbsp;

哈囉，歡迎來到方格子 vocus 的官方沙龍！

在這裡你可以參與方格子 vocus 的發展旅程，接受到所有關於 vocus 的最新動態，包含平台重大功能更新、活動消息、各房間發佈的最新內容，甚至是徵才資訊等等，現在就按下「加入」，與 vocus 一起展開精彩的創作冒險吧！

方格子 vocus 官方沙龍

【4月靈感產生器】TOP 100 關鍵字：「○○」格友最愛用

藤野步是個熱愛畫四格漫畫的小學女生，作品時常登上校內報紙，廣受同學喜愛。某天，一位不來學校上課的繪畫天才——京本——的作品也刊登於校刊，令藤野感到自卑，也激起強烈的創作鬥志。然而在小學畢業前，她選擇放棄創作。

電影戲劇

驀然回首

精確採購、合理投資，帶你用條理與觀點看懂生活大小事。適合喜歡思考與深度內容創作的你。

今日份的精打細算

《驀然回首》 ——自我滿足或自我救贖

睡不著的夜

贊助珍奶

Less Is More

軟體開發

這是一場修復文化與重建精神的儀式，觀眾不需要完全看懂《遊林驚夢：巧遇Hagay》，但你能感受心與土地團聚的渴望，也不急著在此處釐清或定義什麼，但你的在場感受，就是一條線索，關於如何找著自己的路徑、自己的聲音。

釀電影，啜一口電影的美好。

性別之外，存在面前──淺談劇作《遊林驚夢：巧遇 Hagay》

《轉轉生》（Re:INCARNATION）為奈及利亞編舞家庫德斯．奧尼奎庫與 Q 舞團創作的當代舞蹈作品，結合拉各斯街頭節奏、Afrobeat／Afrobeats、以及約魯巴宇宙觀的非線性時間，建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發，解析其去殖民的身體政治。

詹育杰的沙龍

《轉轉生 Re:INCARNATION》：Qudus Onikeku、約魯巴哲學與 Afrobeat 的去殖民身體政治

本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。

陳沅綦的沙龍

柏林劇團《三便士歌劇》：巴里．柯斯基的經典再造，與布萊希特劇場的當代轉向

5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》，由臺灣劇團「晃晃跨幅町」製作，本文將以從舞台符號、聲音與表演調度切入，討論海妲・蓋柏樂在父權社會結構下的困境，並結合榮格心理學與馮．法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析，理解女人何以走向精神性的操控、毀滅與死亡。

黃郁書的沙龍

《海妲．蓋柏樂》：女性困境與「永恆少年」的毀滅衝動

互動藝術

主要放程式學習筆記，分享 Creative Coding 相關內容、作品

阿榮 | 前端 ~ 互動藝術程式

面試題

前端

IG：codeitaday

Less Is More 少即是多

Noise 是我從學 p5.js 一開始到現在最喜歡的一個函式，只要加上它，就會有種作品有了自我意識和生命的錯覺<div class="lexical__youtube"><iframe data-lexical-youtube="WTETDqtf6q0" width="600" height="340" src="https://www.youtube-nocookie.com/embed/WTETDqtf6q0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" title="YouTube video"></iframe></div><div class="why-see-ad-placeholder"></div><div style="height: 300px; overflow: hidden;"><div id="vocus_pc_reading_content_middle"></div></div>程式碼: <a href="https://openprocessing.org/sketch/2205671" target="_blank" rel="noreferrer noopener">Open Processing</a>