作者Xp3310 (Nokia)
看板Web_Design
標題[問題] WebGL 相關教學
時間Wed Mar 5 12:24:38 2014
最近做網站
有個需求，需要做一根會閃爍的燈管
如下圖，
http://ppt.cc/ewZk
因為我的數學很弱，不知道漸層之類的公式怎麼寫
想說能不能利用 WebGL 達到想要的效果
我的想法是在場景中，畫一塊地板，然後再畫一根燈管放在地板上
再利用 JS 去控制燈管的燈光強弱，目前看到 Three.js 很像很好用
有去跑 sample 也試著改過，但對於我想要的效果有點不知如何下手
希望大大們能給點方向，或是有其他不用WebGL就能達到的方法也更好
我有想過或許用 Video tag 直接去錄一段燈管閃爍影片，不過感覺很蠢阿QQ
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 134.208.3.123
1F：→ GoalBased:GOOGLE CSS漸層? 03/05 19:29
2F：→ mmis1000:直接做gif動圖？ 03/05 21:53
3F：→ mmis1000:如果沒特別需求，放動圖應該最省事 03/05 21:57
4F：推 jenesis:沒有圖學基礎的話要用three.js還是很有難度的 03/05 22:26
5F：→ alog:如果用於產品展售 我覺得拍實際的閃爍狀況沒什麼不好 03/06 04:13
6F：→ alog:因為網頁上的燈管你再怎麼畫沒辦法展現出實際狀況 03/06 04:13
7F：→ alog:如果是game或不講求現實考量話，其實光css3的東西就夠用了 03/06 04:14
他網頁上的燈管不是產品
只是他網頁設計的一部份，我是怕用video的話，載入速度會不會太慢
※ 編輯: Xp3310 來自: 134.208.3.123 (03/07 12:11)
8F：推 alog:不會 看編碼 03/07 13:41
9F：推 LIONDODO:CSS3動畫不錯，單純簡單 03/08 02:58