论坛首页 Web前端技术论坛

绝对吊爆了~WebGL生成的web水池互动效果(支持互动)

浏览 10371 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-02-24   最后修改:2014-02-24

如果告诉你这是使用webGL生成的水池互动效果,你敢相信自己的眼睛么?

来自Evan Wallace的一个超棒的水面互动特效。

在线演示

主要特性

  • 光线跟踪反射和折射
  • 自动分析环境光散射
  • 高质量的水体模仿
  • 软阴影
  • 焦散效果

互动效果

  • 点击或者拖拽水面生成波浪
  • 可以旋转镜头
  • 按SPACEBAR来切换暂停
  • 拖拽水中球体
  • 点击L键来设置光方向
  • 点击G键来设置重力

来源:http://www.gbtags.com/gb/share/2814.htm

   发表时间:2014-02-26  
IE11 好像效果不全,不过性能比chrome强。
0 请登录后投票
   发表时间:2014-02-27  
超赞!不知道是不是我机器配置的原因,总之非常流畅,效果也很逼真
0 请登录后投票
   发表时间:2014-02-27  
这东西两年前就有了。不过还是支持
0 请登录后投票
   发表时间:2014-03-03  
碉堡了!!!
0 请登录后投票
   发表时间:2014-03-03  
有点小瑕疵,鼠标拖动球在水下不管怎么移动水面没有一点反应,另外鼠标拖动球以很快的速度从水下拉出水面或者从水面以上拉入水底的话水面波纹反而很小。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics