一. 作品名稱:穿越蟲洞
二. Demo 影片網址: https://youtu.be/0fA0iP5g7ss
三. 介紹:
駕駛太空船穿越看不見底的超時空蟲洞,使用滑鼠左右搖擺太空船與產生蟲洞空間變化。
四. 細節:
(1) 使用 WebGL (Three.js、TweenMax)
(2) 超時空蟲洞加速效果、震動
(3) 滑鼠晃動使隧道產生空間變化
(4) 除了機體本身的晃動,蟲洞會影響機體的晃動
(5) 畫面數位雜訊效果
(6) 音效使用
五. References
(1) https://clara.io/view/814322ac-5eec-4828-8b25-a85e8c57d6fe
(2) https://youtu.be/gjc2FC3ekNo
(3) https://tympanus.net/codrops/2017/05/09/infinite-tubes-with-three-js/
(4) https://www.youtube.com/watch?v=oXa3iAj4jVI
(5) https://threejs.org/examples/#webgl_postprocessing_glitch
六、學習共筆: https://hackmd.io/s/B1j4leggM
七、注意事項:
(1) 用FireFox開啟
(2) 請注意音量大小
沒有留言:
張貼留言