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 篇文章 | 46 人訂閱 訂閱系列文 RSS系列文 團隊cyber▲crew
DAY 21

§d21§ webの 禪師!花紋數學家!棋盤、小溪與潛動!

source code 0. 今日工事 棋盤 小溪 潛動 1. 棋盤 今天不玩網路技術,玩的是算數跟實驗!Modern Web 就是這麼棒! 1.1 條...

2018-01-09 ‧ 由 vibertthio 分享
DAY 22

§d22§ webの 禪師!運氣挪心山!動力之枯朽山水!

source code 0. 今日工事 石頭山蹦出 TWEENING:流暢動畫的驅動引擎 造山運動 1. 石頭山蹦出 若是想要產生 3D 的石頭,立馬會...

2018-01-10 ‧ 由 vibertthio 分享
DAY 23

§d23§ 庭院聲幾許?木魚的冥想!Three.js 裝備 Tone.js 前的基本互動!

demo 0. 今日工事 基本互動 basic 三的互動:射線交集 Raycaster 實作(一):偵測滑鼠是否在石頭上 實作(二):滾輪轉動石頭 1....

2018-01-11 ‧ 由 vibertthio 分享
DAY 24

§d24§ 庭院聲幾許?木魚的冥想! Tone.js 載入 mp3 咚咚作響!

§d24§ 庭院聲幾許?木魚的冥想! Tone.js 載入 mp3 咚咚作響! demo 0. 今日工事 載入聲音檔案 Tone.Player 敲木魚...

2018-01-12 ‧ 由 vibertthio 分享
DAY 25

§d25§ 詩化源代碼!Coding 為何 Creative?p5.js 的誕生與辯證!

0. 今日工事 Creative Coding p5.js 的誕生 1. Creative Coding 絕大多數的程式設計者是工程、科技的背景出身(相信...

2018-01-13 ‧ 由 vibertthio 分享
DAY 26

§d26§ 詩化源代碼!模擬駭客任務場景?p5.js 的可愛與實作!

0. 今日工事 p5.js 基本操作 檔案結構 API 太容易 Audio Visual 卡哇依! 超屌範例 Conway's Game of Lif...

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

§d27§ BEACT!Bro∑ser如夢幻境!一秒成為網頁 DJ!

0. 今日工事 簡介 基本操作 最初發想 1. 簡介 Beact 一件可以同時呈現畫面與視覺的網頁玩具, 讓任何人都可以在一分鐘內成為 DJ 加上 VJ,...

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

§d28§ cyber異次元!藝術入科技!網頁音像作品精選(一)

0. 今日工事 cyber異次元 異次元#0:Chrome Experiments 異次元#1:Through the Dark 異次元#2:Tonite...

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

§d29§ cyber異次元!藝術入科技!網頁音像作品精選(二)

0. 今日工事 異次元#3:Jazz.Computer 異次元#4:Yume 異次元#5:Mubert 1. 異次元#3:Jazz.Computer...

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

§d30§ CYBERの audio / VISUAL大集合!(目錄篇)

0. 今日工事 最後的前言 生命的軌跡 1. 最後的前言 將近一個月的時間裡面,我讓自己迷失在網頁光怪陸離的場景裡面。回去看當初參賽的介紹裡面寫道: 網頁...

2018-01-18 ‧ 由 vibertthio 分享