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 1

達標好文 §d01§ 錐細胞衝擊!放射系宇宙!用 Three.js 的 particle system 當創世神!

0. 今日工事 吉祥話 Particle System 探索流星源代碼 Trace Code 宇宙是顆球的話 神秘銀河系 1. 吉祥話 廢話不多說,先來個...

2017-12-20 ‧ 由 vibertthio 分享
DAY 2

§d02§ 錐細胞衝擊!時空扭曲!數學模擬黑洞造型。

0. 今日工事 Preload Random 重力塌陷時空扭曲 來吧!畫出來吧! 上集提要 §d1§ 錐細胞衝擊!放射系宇宙!用 Three.js 的 p...

2017-12-21 ‧ 由 vibertthio 分享
DAY 3

§d03§ 打坐練神功!Three.js 黑魔法的咒語 WebGL!GPU 的平行宇宙!媽啊。

0. 今日工事 Three.js:三的黑魔法暗藏科學 WebGL:加速的平行世界 Shader:GPU 的異國語言 Vertex Shader Buffe...

2017-12-22 ‧ 由 vibertthio 分享
DAY 4

§d04§ 荒野探勘部!山也模組,地也模組,Shader 也模組!Three.js + Webpack 專案架構。

0. 今日工事 (第一集) 受洗吧!模組化的魔!何以 module? 三萬里長征:三引入 ES6 語法之苦僧行 高樓平地起,長征 #4776 開 #931...

2017-12-23 ‧ 由 vibertthio 分享
DAY 5

§d05§ 打坐練神功!打包機乾濕分離!Webpack Dev / Prod Best Practice !

0. 今日工事:打包機的乾濕分離 Webpack 江湖:走跳的基本眉角 第六感直覺判斷:環境變數法 乾濕分離:webpack.dev.config.js,...

2017-12-24 ‧ 由 vibertthio 分享
DAY 6

§d06§ 開天闢地建環境!音像世界的框架!React + Three.js + Webpack 實作!

0. 今日工事 開天闢地建環境:三的實踐 development plugins Webpack Dashboard BrowserSync Modul...

2017-12-25 ‧ 由 vibertthio 分享
DAY 7

§d07§ 全頻率震動!終於買到CDPRO2!Web Audio API 的原力!

0. 今日工事 瀏覽器的 CDPRO2:Web Audio API 轟動登場 我買 20 台 CDPRO2:AudioContext 聲音空間 來吧!飲水思源...

2017-12-26 ‧ 由 vibertthio 分享
DAY 8

§d08§ 全頻率震動!派對音響工程!為何選 Tone.js 當作 Audio Framework?

0. 今日工事 結構性美麗:Why Framework? 有人喜歡,有人不喜歡:Which Framework? howler.js Tone.js 就決定...

2017-12-27 ‧ 由 vibertthio 分享
DAY 9

§d09§ 匠氣大爆發!旋鈕 の 贅澤!手工合成器打磨班(一)

0. 今日工事 旋鈕 の 贅澤 考古探勘:React 社群資源 採納定案!改造計畫上綱! 1. 旋鈕 の 贅澤 Tone.js 是一艘星際航母,開進了聲音...

2017-12-28 ‧ 由 vibertthio 分享
DAY 10

§d10§ 匠氣大爆發!旋鈕 の 贅澤!手工合成器打磨班(二)

0. 今日工事 旋鈕 の 贅澤(續) Module SCSS In the Shadow, Life Is Just a Game. 1. 旋鈕 の 贅澤...

2017-12-29 ‧ 由 vibertthio 分享