ShadowGun 经典Shader汇总，用最低的消耗，做最好的效果

Creator 3.x
#1

老规矩，先上效果图

image.png956×633 618 KB

image.png953×632 611 KB

点击此处体验web版本

以上两个效果图是最后翻译过来的几个ShadowGun Demo的效果图。
关于ShadowGun Demo里面用到的shader的原理，好处，网上搜下一大把，这里就不重复了。
下面是这些效果的单独链接：

  1. ShadowGun的天空盒shader
  2. ShadowGun环形山及水面效果
  3. ShadowGun用动画实现水面效果
  4. ShadowGun用shader实现的烟雾效果
  5. ShadowGun的天空中的月亮
  6. ShadowGun风吹的旗子跟绳索
  7. ShadowGun雾与体积光shader

遗憾：本来还有一个的，就是那个毒气罐外发光的效果，它是用的第7个效果提到的体积光，外加广告牌的效果。可是那个广告牌shader我没能翻译过来。参考了网上别的广告牌shader跟creator3d自带的billboard效果，也是没有尝试出来，能力有限。
如果有大佬能帮忙翻译一下的话，不胜感激。

47赞
#2
#3

我来了，火钳占座

#4

前排留名mark

#5

mark

#6

非常棒

#7

为啥FPS掉到了个位数…

#8

image.png1028×867 905 KB

这个是体验web版本，你截图上的fps很正常，可是我这边的巨卡

#9

看着渲染时间挺正常的。你用的是什么os跟浏览器？

#10

厉害啊

#11

win7 google

#12

mark

#13

这边找了台win7+Chrome满屏打开了下，跟我的电脑win10+Chrome一样满帧。
请问你试过别的web 3d项目的帧率不？或者是建个空项目，发个web版本跑下试试。

#14

从逻辑执行时间上看应该是可以满帧的，但是每帧时间很长，用 performance 看的话，大概率会看到每帧之间大段的空白间隔，如果是这样，可以看下 performance 抓到的 GPU 时间，我猜测很有可能是你的 GPU 带宽或者驱动等原因导致 GPU 渲染时间特别长，逻辑帧自然也就掉下来了

#15

mark

#16

mark

#17

大兄弟，求鼠标控制旋转部分的源代码，用的是四元数吗？

#18

就修改了相机的eulerAngles。
左右移动改x值，上下移动改y值。。

#19

喔，漂亮

#20

mark