有关三角函数的问题(逆时钟旋转)

zhyindividual 2007-12-22 03:14:54
以下代码是一个时钟,我想让它逆时钟转动,数学没学好,不知道怎么改,希望无忧的兄弟姐妹能帮帮忙.感激不尽!

当然,如果更有哪位能帮我实现类似腾讯QQ砸Q宠蛋的那个锤子的动画效果则更好了.
具体效果可参看如下网址(移到蛋上面点击鼠标,不要松开)
http://img.pet.qq.com/act/guide/egg.swf

<HTML><HEAD> 

<META http-equiv=Content-Type content="text/html; charset=gb2312"> 

<META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD> 

<BODY> 

<DIV  

style="LEFT: 155px; WIDTH: 400px; ZOOM: 1; POSITION: absolute; TOP: 133px; HEIGHT: 300px"> 

<DIV id=bg  

style="LEFT: -22px; WIDTH: 150px; ZOOM: 1.5; POSITION: absolute; TOP: -57px; HEIGHT: 150px"><IMG  

style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://www.jb51.net/upload/novelty.gif">  

</DIV> 

<DIV id=h  

style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  

style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://www.jb51.net/upload/novelty_h.gif">  

</DIV> 

<DIV id=m  

style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  

style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://www.jb51.net/upload/novelty_m.gif">  

</DIV> 

<DIV id=s  

style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  

style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://www.jb51.net/upload/novelty_s.gif">  

</DIV> 

<DIV id=dot  

style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 129px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 129px"><IMG  

style="Z-INDEX: 22; WIDTH: 129px; HEIGHT: 129px" src="http://www.jb51.net/upload/novelty_dot.gif">  

</DIV> 

<DIV> 

<SCRIPT> 

//oObj input requires that a matrix filter be applied.  

//deg input defines the requested angle of rotation. 

var deg2radians = Math.PI * 2 / 360; 

function MatrixFilter(obj) 

{     

    if(!obj.filters)return; 

    //alert(obj.filters.item(0)); 

    var Matrix; 

    for(p in obj.filters) 

    {        

        if(p=="DXImageTransform.Microsoft.Matrix")Matrix=obj.filters["DXImageTransform.Microsoft.Matrix"];   

    } 

    if(!Matrix) 

    { 

        obj.style.filter+="progid:DXImageTransform.Microsoft.Matrix()"; 

    } 

    Matrix=obj.filters["DXImageTransform.Microsoft.Matrix"]; 

    this.equal=function(Matrix2D_x) 

    { 

        if(Matrix2D_x.M11)Matrix.M11 = Matrix2D_x.M11; 

        if(Matrix2D_x.M12)Matrix.M12 = Matrix2D_x.M12; 

        if(Matrix2D_x.M21)Matrix.M21 = Matrix2D_x.M21; 

        if(Matrix2D_x.M22)Matrix.M22 = Matrix2D_x.M22; 

    } 

     

    if(arguments[1])this.equal(arguments[1]); 

     

    this.Rotate=function(deg) 

    { 

        rad = deg * deg2radians; 

        costheta = Math.cos(rad); 

        sintheta = Math.sin(rad); 

        var d=new Matrix2D(costheta,-sintheta,sintheta,costheta); 

        this.equal(Matrix2D.Mul(Matrix,d)); 

    } 

    this.RotateTo=function(deg) 

    { 

        rad = deg * deg2radians; 

        costheta = Math.cos(rad); 

        sintheta = Math.sin(rad); 

        var d=new Matrix2D(costheta,-sintheta,sintheta,costheta); 

        this.equal(d); 

    } 

    this.RotateAt=function(deg,sx,sy) 

    { 

        rad = deg * deg2radians; 

        costheta = Math.cos(rad); 

        sintheta = Math.sin(rad); 

        var d=new Matrix2D(costheta,-sintheta,sintheta,costheta); 

        var x=sx-Matrix.Dx; 

        var y=sy-Matrix.Dy; 

        this.MoveTo(x*costheta+y*sintheta-x,-x*sintheta+y*costheta-y); 

        this.equal(Matrix2D.Mul(Matrix,d));        

    } 

    this.RotateToAt=function(deg,sx,sy) 

    { 

        rad = deg * deg2radians; 

        costheta = Math.cos(rad); 

        sintheta = Math.sin(rad); 

        var d=new Matrix2D(costheta,-sintheta,sintheta,costheta); 

        var x=sx; 

        var y=sy; 

        this.MoveTo(x-(x*costheta-y*sintheta),-(x*sintheta+y*costheta-x)); 

        this.equal(d); 

    } 



    this.MoveTo=function(sx,sy) 

    { 

        Matrix.Dx=sx; 

        Matrix.Dy=sy; 

    } 

    this.toMatrix2D=function() 

    { 

        return new Matrix2D(Matrix.M11,Matrix.M12,Matrix.M21,Matrix.M22); 

    } 

    this.ZoomBy=function(sx,sy) 

    { 

        var d=new Matrix2D(sx,0,0,sy); 

        this.equal(Matrix2D.Mul(Matrix,d)); 

    } 

    this.toString=function() 

    { 

        return ""+Matrix.M11+" "+Matrix.M12+"\n"+Matrix.M21+" "+Matrix.M22+"\n" 

    } 

    //Matrix.SizingMethod='clip to original'; 

    //this.fnSetRotation(30); 

    //alert(Matrix.M11); 

    //alert(obj.filters["DXImageTransform.Microsoft.Matrix"]); 

} 

function Matrix2D() 

{ 

    this.M11 = arguments[0]||1; 

    this.M12 = arguments[1]||0; 

    this.M21 = arguments[2]||0; 

    this.M22 = arguments[3]||1; 

    this.Mul_Matrix2D=function(Matrix2D_b) 

    { 

        var r=new Matrix2D(); 

        r=Matrix2D.Mul(this,Matrix2D_b);         

        return r;        

    } 

    this.toString=function() 

    { 

        return ""+this.M11+" "+this.M12+"\n"+this.M21+" "+this.M22+"\n" 

    } 

} 

Matrix2D.Mul=function(Matrix2D_a,Matrix2D_b) 

{ 

    var r=new Matrix2D(); 

    r.M11=Matrix2D_a.M11*Matrix2D_b.M11+Matrix2D_a.M12*Matrix2D_b.M21; 

    r.M12=Matrix2D_a.M11*Matrix2D_b.M12+Matrix2D_a.M12*Matrix2D_b.M22; 

    r.M21=Matrix2D_a.M21*Matrix2D_b.M11+Matrix2D_a.M22*Matrix2D_b.M21; 

    r.M22=Matrix2D_a.M21*Matrix2D_b.M12+Matrix2D_a.M22*Matrix2D_b.M22; 

    return r;      

} 





var ms=new MatrixFilter(s); 

var mm=new MatrixFilter(m); 

var mh=new MatrixFilter(h); 

var i=1; 

setInterval("ms.RotateToAt((new Date()).getSeconds()*6+6,69,69)",500); 

setInterval("mm.RotateToAt((new Date()).getMinutes()*6+6,69,69)",500); 

setInterval("mh.RotateToAt(((new Date()).getHours()+(new Date()).getMinutes()/60)*30,69,69)",500); 

//mf.MoveTo(30,70); 

//mf.ZoomBy(1.5,1.5); 

//mf.ZoomBy(1.5,1.5); 

//alert(mf.toMatrix2D()); 



//alert(Matrix2D.Mul(m2d1,m2d2)); 

//fnSetRotation(oDiv.filters.item(0),30); 

</SCRIPT> 

</DIV></DIV></BODY></HTML>
...全文
169 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
浴火_凤凰 2008-05-16
  • 打赏
  • 举报
 回复
有问题先问google
wilowind 2007-12-26
  • 打赏
  • 举报
 回复
恩， 时钟初始化的不好。 加个偏移量吧

setInterval("mh.RotateToAt(360-((new Date()).getHours()+(new Date()).getMinutes()/60)*30+12,69,69)",500);
wilowind 2007-12-26
  • 打赏
  • 举报
 回复
不用管三角函数， 只需要

setInterval("ms.RotateToAt((new Date()).getSeconds()*6+6,69,69)",500);
setInterval("mm.RotateToAt((new Date()).getMinutes()*6+6,69,69)",500);
setInterval("mh.RotateToAt(((new Date()).getHours()+(new Date()).getMinutes()/60)*30,69,69)",500);


改为

setInterval("ms.RotateToAt(360-(new Date()).getSeconds()*6,69,69)",500);
setInterval("mm.RotateToAt(360-(new Date()).getMinutes()*6,69,69)",500);
setInterval("mh.RotateToAt(360-((new Date()).getHours()+(new Date()).getMinutes()/60)*30,69,69)",500);
绕原点逆时针旋转矩阵
如图所示点v 绕 原点旋转θ角，得到点v’，假设 v点的坐标是(x, y) ，那么可以推导得到 v’点的坐标（x’, y’)(设原点到v的距离是r，原点到v点的向量与x轴的夹角是ϕ) x=rcosϕ；y=rsinϕ； x′=rcos(θ+ϕ)；y′=rsin(θ+ϕ)； 通过三角函数展开得到 x′=rcosθcosϕ−rsinθsinϕ y′=rsinθc...
HLS / Chisel 实现CORDIC算法计算三角函数（圆坐标系旋转模式）
CORDIC(坐标旋转数字算法)是一种计算三角、双曲和其他数学函数的有效方法。它是一种数字算法，每次运算均产生一次结果输出。这使我们能够根据应用需求调整算法精度；增加运算迭代次数可以得到更精确的结果。 CORDIC是只使用加法、减法、移位和查找表实现的简单算法，这种算法在FPGA中实现效率高，在硬件算法实现中经常用到。
26、Scratch教程—钟摆运动
什么是三角函数 在一个平面直角坐标系中，以原点为圆心，1为半径画一个圆，这个圆交x轴于A点。以O为旋转中心，将A点逆时针旋转一定的角度α至B点，设此时B点的坐标是(x,y)，那么此时y的值就叫做α的正弦，记作sinα；此时x的值就叫做α的余弦，记作cosα；y与x的比值y/x就叫做α的正切，记作tanα。 钟摆小球和三角函数的关系 钟摆小球的...
一个简单的时钟View（关键点：Canvas的平移与旋转）
通过Canvas的平移与旋转简化绘图逻辑是一个非常有用的技巧，下面的时钟view就是利用这个方法完成的，省去了使用三角函数计算坐标的麻烦。
基于FPGA的CORDIC算法实现——Verilog版
目前，学习与开发FPGA的程序员们大多使用的是Verilog HDL语言（以下简称为Verilog），关于Verilog的诸多优点一休哥就不多介绍了，在此，我们将重点放在Verilog的运算操作上。 我们都知道，在Verilog中，运算一般分为逻辑运算（与或非等）与算术运算（加减乘除等）。而在一开始学习Verilog时，老司机一定会提醒我们，“切记，千万别用‘/’除、‘%’取模（有的也叫取余）和‘
JavaScript

87,902

社区成员

224,615

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章