html5 水效果图,HTML5 Canvas 逼真的3D水体模拟动画

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

var canvas, ctx, tim, bai;

canvas = document.getElementsByTagName('canvas')[0];

ctx = canvas.getContext('2d');

canvas.width = canvas.height = 400;

aaa();

function aaa() {

var a, b, c, s, p, r, x, y, z, x1, y1, max, p2, han, h, pt, hei;

ctx.globalCompositeOperation = "source-over";

ctx.fillStyle = "rgb(0,0,0)";

ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.globalCompositeOperation = "lighter";

tim = new Date().getTime() / 10;

ctx.strokeStyle = ctx.fillStyle = "hsla(244,60%,60%,0.3)";

bai = 0.6 + Math.sin(tim / 471) * 0.2;

hei = 0.9 + Math.sin(tim / 100) * 0.3;

pt = [];

for (c = 0; c < 180; c+