文件名称:html5的canvas实现几何模型3D运动动画效果.zip
文件大小:323KB
文件格式:ZIP
更新时间:2022-07-31 03:20:45
js特效-html5的canvas实现几何模型3D运动动画效果
JS片段:
[removed]
var {atan2,sqrt,sin,cos,PI,acos} = Math;
function project3D(x,y,z,vars){
x-=vars.camX,y-=vars.camY,z-=vars.camZ;
p=atan2(x,z),d=sqrt(z*z x*x),x=sin(p-vars.yaw)*d,z=cos(p-vars.yaw)*d;
p=atan2(y,z),d=sqrt(y*y z*z),y=sin(p-vars.pitch)*d,z=cos(p-vars.pitch)*d;
n=-9,b=1,l=9,d=1,e=0,f=0,g=x,h=z,k=(h-f)*(l-n)-(g-e)*(d-b),m=((g-e)*(b-f)-(h-f)*(n-e))/k;
return {x:vars.cx (n m*(l-n))*vars.scale,y:vars.cy y/z*vars.scale,d:sqrt(x*x y*y z*z)};
}
function elevation(x,y,z){
return acos(z / sqrt(x*x y*y z*z));
}
function subdivide(shape,subdivisions){
var t=shape.segs.length;
for(var i=0;i
【文件预览】:
html5的canvas实现几何模型3D运动动画效果
----php中文网下载站.url(114B)
----index.html(12KB)
----php中文网免费下载站.txt(219B)
----QQ截图20171219105508.png(320KB)