[問題] WebGL 相關教學

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