作者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