<!DOCTYPE html>
<html>

<head>
<title>WebGL testing</title>
<meta charset="UTF-8">
<script type="text/javascript" src="../../build/js/Cindy.js"></script>
<script type="text/javascript;version=1.7" src="../../build/js/Cindy3D.js"></script>
<script id="csdraw" type="text/x-cindyscript">
begin3d();
background3d([0,0,0]);
fieldofview3d(120);
lookat3d([0,0,2], [0,0,0], [0,1,0]);
size3d(2.4);
n=300;
r1=1;
r2=.3;
k=5;
l=3;
f(w):=(sin(l*w),cos(l*w),0)*(r1+r2*cos(k*w))+(0,0,r2*sin(k*w));
repeat(n,i,
 w1=i/n*360°;
 w2=(i+1)/n*360°;
 color3d(hue(i/n));
 draw3d(f(w1),f(w2));
);
end3d()
</script>
<script type="text/javascript">
createCindy({canvasname:"CSCanvas",scripts:"cs*"});
</script>
</head>

<body>
  <canvas id="Cindy3D" style="border: none;" width="632" height="452"></canvas>
  <canvas id="CSCanvas" width="50" height="50" style="border:none"></canvas>
</body>

</html>

Add test case to demonstrate camera control.
Add test case to demonstrate camera control.
