Español
<!-- http://www.downcodes.com/js --> <!-- bbs http://www.downcodes.com/bbs--> <cabeza> <estilo> .point{ posición: absoluta; ancho: 10; altura: 10;color de fondo: #AAAAAA;desbordamiento: oculto} </estilo> <script> velocidad=4; puntos=nueva matriz(); ángulo=velocidad; rotXok=verdadero; rotYok=verdadero; rotZok=falso; función Obj(div){devolver esto;} objpro=Obj.prototype; objpro.moveTo=function(x,y,z){this.x=(x); esto.y=(y); esto.z=z; } puntos=nueva matriz(); función movermat(){ /* 2 - 1 1=1,2 2,3,7,6 / / 2=3,4 1,5,8,4 3 - 4 3=5,6 4=7,8 6 - 5 5=9,10 // 6=11,12 7 - 8 7=13,14 8=15,16 */ pt1=Math.round(puntos[1].x); pt2=Math.floor(puntos[1].y); pt3=Math.floor(puntos[2].x); pt4=Math.floor(puntos[2].y); pt5=Math.floor(puntos[3].x); pt6=Math.floor(puntos[3].y); pt7=Math.floor(puntos[4].x); pt8=Math.floor(puntos[4].y); pt9=Math.floor(puntos[5].x); pt10=Math.floor(puntos[5].y); pt11=Math.floor(puntos[6].x); pt12=Math.floor(puntos[6].y); pt13=Math.floor(puntos[7].x); pt14=Math.floor(puntos[7].y); pt15=Math.floor(puntos[8].x); pt16=Math.floor(puntos[8].y); sq1="m "+pt1+","+pt2+" l "+pt3+","+pt4+" "+pt5+", "+pt6+" "+pt7+", "+pt8+" xe"; sq2="m "+pt9+","+pt10+" l "+pt11+","+pt12+" "+pt13+","+pt14+" "+pt15+","+pt16+" xe"; sq3="m "+pt3+","+pt4+" l "+pt5+","+pt6+" "+pt13+","+pt14+" "+pt11+","+pt12+" xe"; sq4="m "+pt1+","+pt2+" l "+pt9+","+pt10+" "+pt15+","+pt16+" "+pt7+","+pt8+" xe"; v1.ruta=sq1; v2.ruta=sq2; v3.ruta=sq3; v4.path=sq4} function init(){ for(i=1; i <=8; i++){ puntos[i]=new Obj('v'+i);} puntos[1].x=45; puntos[1].y=15; puntos[1].z=60; puntos[2].x=15; puntos[2].y=15; puntos[2].z=60; puntos[3].x=15; puntos[3].y=15; puntos[3].z=90; puntos[4].x=45; puntos[4].y=15; puntos[4].z=90; puntos[5].x=45; puntos[5].y=45; puntos[5].z=60; puntos[6].x=15; puntos[6].y=45; puntos[6].z=60; puntos[7].x=15; puntos[7].y=45; puntos[7].z=90; puntos[8].x=45; puntos[8].y=45; puntos[8].z=90; for(i=1; i <=8; i++){ puntos[i].moveTo(puntos[i].x,puntos[i].y,puntos[i].z)} } función rot(){ a =gradosToRad(ángulo); a2=degToRad(ángulo); for(i=1; i <= 8; i++){ mat=[puntos[i].x,puntos[i].y,puntos[i].z-75,1]; rotX=[[1,0,0,0],[0,Math.cos(a),-Math.sin(a),0],[0,Math.sin(a),Math.cos(a) ,0],[0,0,0,1]]; rotY=[[Math.cos(a2),0,Math.sin(a2),0],[0,1,0,0],[-Math.sin(a2),0,Math.cos(a2) ,0],[0,0,0,1]]; rotZ=[[Math.cos(a),-Math.sin(a),0,0],[Math.sin(a),Math.cos(a),0,0],[0,0,1 ,0],[0,0,0,1]]; if(rotXok){mat=matrixMultiply(mat,rotX)}; if(rotYok){mat=matrixMultiply(mat,rotY)}; if(rotZok){mat=matrixMultiply(mat,rotZ)}; puntos[i].x=mat[0]; puntos[i].y=mat[1]; puntos[i].z=mat[2] + 75; puntos[i].moveTo(puntos[i].x,puntos[i].y,puntos[i].z); movermat(); } setTimeout('rot()',50); } función matrizMultiplicar(A,B) { var retVal=[0,0,0]; for(var i=0;i<4;i++) { retVal[i]=0; for(var s=0;s<4;s++) retVal[i] += A[s] * B[i][s] } return retVal; } pi=3,14159; función gradosToRad(x) { return (( x/(360/(2*pi)) )); } función rotok(oked){ Xok=document.getElementById('rotateX').checked; if(Xok){rotXok=true}else{rotXok=false} Yok=document.getElementById('rotateY').checked; if(Yok){rotYok=true}else{rotYok=false} Zok=document.getElementById('rotateZ').checked; if(Zok){rotZok=true}else{rotZok=false} } </script> <style type="text/css"> v:*{behavior:url(#default#VML);} </style> </head> <body bgcolor="negro" text="azul oscuro"> <script> for(i=1; i <= 4; i++){ document.write('<v:shape id="v'+i+ '" llenado="false" trazocolor="amarillo" estilo="posición:absoluta;izquierda:50;arriba:50;ancho:200;alto:200" coordorigin="0, 0" coordsize="60,60"> ' +'<v:ruta v="m 0,0 l 100,0 100,100 0,100 0,100 xe"/></v:forma>'); }init();rot()</script> <br><br><br> <p><font color=red>//转载请注明出处:建站学院。</font></p>
