程式教學

網頁與互動藝術相關的程式,包含p5.js, socket.io, vue.js. 等等

【p5.js創作教學】Dreamy Bird 夢幻鳥

本篇記錄創作<夢幻鳥>這件作品的過程,利用p5.js在短短的時間內創作出繽紛多彩、眼睛跟著滑鼠游標轉的夢幻鳥,看著他不斷地動,好像趴著在看水族館裡的魚一樣,心情也會跟著雀躍起來唷!

【Canvas創作教學】畫個偵測敵人的動態雷達圖網頁

本次創作直播內容透過 Canvas 物件,將網頁當作畫布,繪製不同的圖形,完成模擬偵測敵人的雷達機介面;運用三角函數概念,以及模組化程式,簡單製作出動態的網頁,詳細的步驟解釋,無論有沒有基礎,都能輕鬆跟著說明完成,剩下的就由你自行發揮囉!

【p5.js創作教學】CreativeCoding 花火大會(直播筆記)

為響應日本的一群Creative Coder在Processing Community Day的社群串聯,扮起虛擬的花火大會,我們也來利用p5.js,結合粒子系統、漸變顏色甚至是聲控模組,一起在夜空中創作出絢麗的煙火吧!

藝術靈感分享

展覽資訊、人物故事、作品製作過程解密分享

2021年臺北白晝之夜Nuit Blanche線上-在家躺好就能飽覽藝術全攻略

2021年臺北白晝之夜將於10月2日星期六下午六點開跑,一直到隔天的早上六點。白晝之夜的活動起源於哪裡?臺北又是新的活動嗎?那天晚上大家都不睡覺,那是要幹嘛?就由Chia編帶你了解今年的臺北白晝之夜活動,無論實體或是線上都可以參加,或是加入墨雨設計的Discord讓大家陪著你嗨吧!

擴增實境AR系列1:抓寶?穿衣?賞魚?細說AR的不同形式與運用

AR系列第一集帶大家詳細了解AR現今的不同用途,除了抓寶之外,也有許多日常妙用、社群濾鏡一定不陌生,又或者是品牌想做行銷和廣告,甚至是藝術家拿來實驗與創作、美術館用於策展,快來了解AR有哪些運用吧!

AR/VR/MR/XR這麼多RRRR,簡單搞懂你也可以快速成為科技人

本篇文章以簡短篇幅解釋AR、VR、MR、XR這四個R的實境科技的不同以及相關案例,除了提供簡單的區分方式,從此不會再搞混之外,也希望藉此鼓勵多加嘗試不同的作品體驗。

墨雨設計的三堂線上課程

PHP Code Snippets Powered By : XYZScripts.com