`
心语2012
  • 浏览: 45592 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

math中atan2的应用

    博客分类:
  • js
 
阅读更多

在双十二活动中,视觉要求实现一个鼠标跟随运动的的效果,就像“”的那个效果类似

其实原理很简单,看鼠标从哪个方向进的及从哪个方向出的,然后区块里绝对定位的浮层就可以根据鼠标方向

运动;

:在鼠标进入事件中判断鼠标从左边进入区块那么定位层就从left:区块宽走到区块零,在鼠标离开事件中判断鼠标是从上边离开的那么定位层就从top:零走到负的区块高度就可以的。是不是很简单呢,但是有一个问题就是怎么判断方向?那么我们的atan2就隆重出场了。

看一下w3cshool上是怎么介绍atan2()的

atan2(x,y):返回-PI 到 PI 之间的值,是从 X 轴正向逆时针旋转到点 (x,y) 时经过的角度。

看维基网上的一张图:

 

那我们是不是计算出区块四个顶点的的atan2值,然和鼠标的atan2值比较确定范围看图:

 

是不由 

CB>=RB&&CB<RT就在左边


CB>=RT&&CB<LT就在上边

 

CB>=LB&&CB<RB就在下边

 

否则就在右边

 

是不是在鼠标进入及鼠标离开事件中就可以很容易的实现了

 

 

 

分享到:
评论

相关推荐

    C语言中的atan和atan2

    在C语言中,atan和atan2是用于计算反正切值的数学函数,它们在math.h头文件中被定义,也可以在C++中的cmath库中找到。这些函数通常用于计算一个角度,该角度与x轴的正方向以及经过原点的直线或两个点形成的线段相...

    浅谈JavaScript中的Math.atan()方法的使用

    在实际应用中,Math.atan()方法经常被用来处理与角度和三角函数相关的问题。例如,当你知道直角三角形的邻边和对边的长度时,可以使用正切函数求出对应的锐角角度;在图形绘制和动画制作中,计算旋转角度时也会用到...

    atan_test.zip_atan_fast_atan

    在计算机科学和编程领域,atan函数通常用于计算角度,特别是在处理几何问题、三角计算以及各种科学和工程应用中。这个"atan_test.zip_atan_fast_atan"文件可能包含了一个针对atan函数的数值近似实现,特别是优化过的...

    jsMath函数1

    4. Math.atan2() 函数返回 x 轴到点 (x, y) 之间的角度,广泛应用于三角函数运算,例如,计算三角形的角度等。 5. jsMath 函数 1 的文档化特性非常重要,提供了详细的文档来帮助开发者快速地了解和使用该库的数学...

    python中math模块函数.pdf

    Python 中的 math 模块是一个内置的标准库模块,为用户提供了一系列对数据进行数学...根据内容的丰富度和完整性要求,以上知识点涵盖了 Python 中 math 模块的基本函数和特殊常量,以及它们在数学运算中的应用和意义。

    as入门数学函数--Math类

    `Math.atan2(y, x)`函数用于计算从原点(0,0)到点(x, y)的角度,它返回的是一个介于-π和π之间的值,能准确地确定象限位置,非常适合用于游戏开发中的方向计算。 #### 4. Math.ceil()与Math.floor() 这两个函数分别...

    python_math

    相应的反函数如`math.asin(x)`、`math.acos(x)`和`math.atan(x)`则返回弧度值,其中`math.atan2(y, x)`返回y/x的反正切值,考虑了象限信息。 除了上述基础函数,`math`模块还包括了阶乘、绝对值、最大值和最小值等...

    Math类库中的方法

    3. **Atan 和 Atan2 方法**:`Math.Atan` 返回正切值为指定数字的角度,而 `Math.Atan2` 接受两个参数,返回这两个数字的商的正切值,结果也是以弧度表示的角度。 4. **BigMul 方法**:这个方法用于计算两个 32 位...

    C/C++中的atan和atan2函数实例用法

    `math.h`库在C中,以及`cmath`库在C++中提供了许多数学函数,其中包括求反正切的函数`atan(double x)`和`atan2(double y, double x)`。这两个函数主要用于计算角度,但它们的行为和应用场景有所不同。 1. `atan...

    Python入门之三角函数atan2()函数详解

    本文将详细介绍Python中`math`模块下的`atan2()`函数,并通过具体示例来帮助读者更好地理解和应用此函数。 #### 一、`atan2()`函数简介 `atan2()`函数是Python内置的`math`模块中的一个重要成员,用于计算平面直角...

    FLASH鼠标拖曳控制转动方向

    在Flash中,`Math.atan2()`函数是用来计算Y轴与从X轴到指定点(由_Xmouse和_Ymouse定义)的向量之间的角度的。这个角度是以弧度为单位的,我们需要将其转换为度数以便于理解和使用。在 Flash 中,角度0代表正右方向...

    Go math包资源获取

    Go语言的math包是其标准库中的一个重要组成部分,它提供了大量的数学函数,涵盖了从基本的算术运算到复杂的数学计算,对于开发涉及数值处理、科学计算或者数据分析的应用来说至关重要。在Go语言中,math包是程序员...

    反三角函数的java实现

    2. **Math.atan2(double y, double x)**: 这是Java中更为灵活的反正切函数。它接受两个参数,分别是直角三角形的两条边`y`(对边)和`x`(邻边),然后返回对应的角度`θ`。返回值的范围是`-π`到`π`,解决了`atan...

    测绘类C#程序代码.doc

    该程序使用了 Math.Atan2 函数来计算方位角,公式为:a = Math.Atan2(YB - YA, XB - XA); 这三个例子展示了 C# 程序设计在测绘领域的应用。通过使用 C# 语言,我们可以轻松地解决测绘领域中的各种问题,从而提高...

    反正切的快速近似算法

    而在实际应用中,为了更准确地计算二维平面上点的角度位置,常采用`atan2`函数。`atan2`函数不仅可以提供正确的角度值,还能根据输入参数的符号确定所处象限,从而得到完整角度范围内的正确结果。 本文将详细介绍一...

    用Python计算三角函数之atan()方法的使用

    2. **游戏开发**:在游戏开发中,特别是在涉及角色移动方向的计算时,`atan()`函数可以帮助确定角色相对于玩家的方向。 3. **物理模拟**:在进行物理模拟时,如模拟物体的运动轨迹,`atan()`函数可以用来计算物体的...

    Python入门之三角函数全解【收藏】

    print(math.atan2(3, 4)) # 输出:0.6435011087932844 ``` 8. **`math.hypot(x, y)`** - 描述:返回欧几里德范数`sqrt(x*x + y*y)`。这对于计算两点之间的距离非常有用。 - 示例代码: ```python import math...

    Python math模块总结.docx

    math模块中还有一些特殊函数,比如`math.atan2(y, x)`,它计算的是二维坐标系中点(x, y)的反正切值,范围在-pi到pi之间,而`math.hypot(x, y)`则返回直角坐标系中(x, y)点到原点的距离,即欧几里得距离。 对于组合...

    游戏地图中两点坐标相对的方向

    这里值得注意的是,`Math.atan2()`函数是一个更通用的版本,它可以处理y轴坐标为零的情况,而`Math.atan()`可能会出现不确定情况。不过在这个例子中,由于我们已经确保了坐标的有效性,两种方法都可以工作。 总结来...

    java中math类.pdf

    - `atan2(double y, double x)`:根据(x, y)坐标返回极坐标(r, θ)中的θ。 8. **其他特殊函数**: - `cbrt(double a)`:返回a的立方根。 - `cos(double a)`:返回角度的三角余弦值。 - `cosh(double x)`:返回...

Global site tag (gtag.js) - Google Analytics