iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

aesthEtic,CYBERの audio / VISUAL,網頁中的聲音與影像研究 系列

網頁 app 化後的時代,各種光怪陸離的、只會在 cyberpunk 電影中出現的空間與情境在 web 中漸漸 fade in。當年,Khonos Group 點燃了 WebGL 的火箭,我們搭乘著飛向了虛擬的迷幻外太空。Three.js 像是顆原子彈炸裂了螢幕的第四面牆,喔!aesthEtic,美感空間無限延伸。就像煙和酒總是勾搭背,影像沒有了聲音不過是性慾過盛但憂鬱的青少年,Web Audio API 掰開聲音的洞洞,Tone.js 啟動音響震天響,讓我們 browser 框框裡面夜夜 party up!(WebGL, three, glsl, animation, tone ..)

鐵人鍊成 | 共 30 篇文章 | 56 人訂閱 訂閱系列文 RSS系列文 團隊cyber▲crew
DAY 11

§d11§ 振盪器派對!演算 の 鼓組!kick 合成實驗室!

0. 今日工事 振盪器派對 合成器?聲音是怎樣合成? 演算 の kick大鼓 1. 振盪器派對 Y'all!廢話不多說。先放個 beat!。派對聲響中,鼓...

2017-12-30 ‧ 由 vibertthio 分享
DAY 12

§d12§ 振盪器派對!演算 の 鼓組!hihat自造所!(一)

今天跨年 我去 party 馬上補上.. 超帥的 0. 今日工事 hihat 的背後 噪 Noise White Noise Pink Noise 1....

2017-12-31 ‧ 由 vibertthio 分享
DAY 13

§d13§ 振盪器派對!演算 の 鼓組!hihat自造所!(二)

0. 今日工事 hihat 連 high 四個八 source 白噪 gain & envelope filter & envelope Envelope:...

2018-01-01 ‧ 由 vibertthio 分享
DAY 14

§d14§ 振盪器派對!演算 の 鼓組!snare進行曲!

0. 今日工事 鼓皮 v.s. 金屬 材質 比較 snare? 小鼓合成 小鼓響弦(金屬) 小鼓鼓面(鼓皮) 敲擊(Trigger) sou...

2018-01-02 ‧ 由 vibertthio 分享
DAY 15

§d15§ 合成器交付!旋鈕 の connect!模組電線連接工程!

不囉唆,先來 demo。 0. 今日工事 打磨、拋光、接電線 Interactivity 旋鈕 の connect 1. 打磨、拋光、接電線 §d...

2018-01-03 ‧ 由 vibertthio 分享
DAY 16

§d16§ 庭院造景師!真.模型職人!3D 白痴作戰計畫。(一)

0. 今日工事 3D Model 之我是白癡 浮動 TODOs 模型屋 Poly 1. 3D Model 之我是白癡 首先要說,我幾乎不了解現在的 3D M...

2018-01-04 ‧ 由 vibertthio 分享
DAY 17

§d17§ 庭院造景師!真.模型職人!載入的初體驗。(二)

0. 今日工事 枯山水造景 Blender:粗殘三D 模型開箱:obj載入初體驗 1. 枯山水造景 枯山水,かれさんすい,Kare-San-Sui。 網頁的...

2018-01-05 ‧ 由 vibertthio 分享
DAY 18

§d18§ webの 禪師!枯山水造景師!沈思靜坐煉仙丹。

若對 3D 尚未有美好的想像,請參閱前面兩篇文章: 庭院造景師!真.模型職人!3D 白痴作戰計畫。 庭院造景師!真.模型職人!載入的初體驗。 0...

2018-01-06 ‧ 由 vibertthio 分享
DAY 19

§d19§ webの 禪師!運氣弄四海!玄妙之表面功夫!

沒看過先看上集,即將揭曉答案... 上圖,是幾乎一整天的磨練,打造的基礎模型。 0. 今日工事 example の 神秘波紋 fragment shad...

2018-01-07 ‧ 由 vibertthio 分享
DAY 20

§d20§ webの 禪師!運氣弄四海!Texture 與 Material 的好用之處!

前情請參考上兩篇文章: webの 禪師!枯山水造景師!沈思靜坐煉仙丹。 webの 禪師!運氣弄四海!玄妙之表面功夫! 0. 今日工事 色:紋理...

2018-01-08 ‧ 由 vibertthio 分享