html5实现波浪,three.js实现的波浪效果

看到2016云栖大会页面上three.js实现的波浪效果很赞，所以拔下来分享一下，以备后用。

CSS背景：

body {

background-color: #193c6d;

filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003073', endColorstr='#029797');

background-image: url(//img.alicdn.com/tps/TB1d.u8MXXXXXXuXFXXXXXXXXXX-1900-790.jpg);

background-size: 100%;

background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, #003073), color-stop(100%, #029797));

background-image: -webkit-linear-gradient(135deg, #003073, #029797);

background-image: -moz-linear-gradient(45deg, #003073, #029797);

background-image: -ms-linear-gradient(45deg, #003073 0, #029797 100%);

background-image: -o-l