三角学运动基础公式

1:角度弧度互转

radians = degree*Math.PI/180;

degree = radians *180/Math.PI;

2:向鼠标(或者任意一点)旋转

dx = mouse.x-obj.x;

dy = mouse.y-obj.y;

obj.totation = Math.atan2(dy,dx)*180/Math.PI;

3:创建波

value = centerx+Math.sin(angel)*rang;

angel+=speed(speed大小以0.1位步长);

4:创建园型路径

xposition = centerX +Math.cos(angel)*radius(r 为半径);

yposition = centerY +Math.sin(angel)*radius(r 为半径);

angel+=speed;

5:创建椭圆路径

xposition = centerX +Math.cos(angel)*radiusx(radiusx长半径);

yposition = centerY +Math.sin(angel)*radiusy(radiusy 为短半径);

angel+=speed;

6:获取两点之间的距离

dx = mouse.x-obj.x;

dy = mouse.y-obj.y;

dist = Math.sqrt(dx*dx+dy*dy);

时间: 2024-11-03 21:15:43

三角学运动基础公式的相关文章

运动基础

示例:点击按钮,Div开始移动,当到达特定位置时,停止运动 1,运动的要素是什么 比如 position:absolute; left:0px,改变left使其运动 2,让“物体”持续性的运动,依靠什么 定时器 setInterval() 3,停止的条件是什么 比如offsetLeft==300时,停止运动 要点:关闭定时器 Bug: (1),速度不是距离倍数时,运动过界 如速度为7时,它就是301,它就继续运动下去 解决:>=300 (2),运动停止时,继续点击按钮,物体继续运动 解决:把运动

JS运动基础(三) 弹性运动

加减速运动速度不断增加或减少速度减小到负值,会向反方向运动弹性运动在目标点左边,加速:在目标点右边,减速根据距离,计算加速度带摩擦力的弹性运动弹性运动+摩擦力 弹性:速度 += (目标点 - 当前值)/系数;  //6 , 7 , 8速度 *= 摩擦系数;   // 0.7 0.75终止条件距离足够近 并且 速度足够小 缓冲:var 速度 = (目标点 - 当前值)/系数;速度取整 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <me

day38—JavaScript的运动基础-匀速运动

转行学开发,代码100天--2018-04-23 一.运动基础框架 JavaScript的运动可以广义理解为渐变效果,直接移动效果等,图网页上常见的"分享到",banner,透明度变化等.其实现的基本方法就是利用前面学到的定时器. 通过学习,总结一下基本的运动实现--运动框架. 运动框架可以理解为实现元素运动的流程.比如让一个div盒子运动起来,即给其left样式加一个定时器即可. <input type="button" value="开始运动&q

第八节 JS运动基础

运动基础 让Div运动起来 速度--物体运动的快慢 运动中的Bug 不会停止 速度取某些值会无法停止 到达位置后再点击还会运动 重复点击速度加快 匀速运动(速度不变) 运动框架及应用: 运动框架: 在开始运动时,关闭已有定时器 把运动和停止隔开(if/else) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS运

Javascript运动基础

javascript的运动非常实用,通过控制需要运动块的实际距离与要到达的距离的关系,结合定时器来控制小方块的各种运动. 运动框架 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; position: absolute; top: 50px; left: 50

实现 RSA 算法之基础公式证明(第一章)(老物)

写这篇日志是拖了很久的事情,以前说要写些算法相关的文章给想学信息安全学(简称信安),密码学的同学提供些入门资料,毕竟这种知识教师上课也不会细讲太多(纯理论偏重),更不用说理解和应用了,说到RSA公钥(yue)算法的认识,我最早是在32个计算机中的重要算法中看到的,不过在后来自己查阅数学建模和算法导论上分别看到了其实现和说明,只可惜对数学部分的解释基本没有,可能这部分数论知识证明出来的意义不大(因为就算你不懂,记住公式也懂用),就算是我在实际应用中也是挑选特殊情况的欧拉函数以及内置特定素数生成来应

JS运动---运动基础(缓冲运动)

(1)手风琴效果 分析: (2)基础缓冲运动 接下来取整 原因: px为计算机识别的最小单位,1px无法再往下拆分.所以css如果取值200.5px,解析时计算机会自动将其改为200px注意:这里的数值并没有四舍五入计算,200.9px最后依然是200px 速度不能是小数,需要取整,所以接下来进行取整 因为从左到右运动和从右到左运动不一样,所以需要判断 (3)右侧悬浮框缓冲运动 <!DOCTYPE HTML> <html> <head> <meta charset

js运动基础之匀速运动

单个属性匀速运动 1 /** 2 * 单属性匀速运动 3 */ 4 function fnSingleUniformMove(oDom, sAttr, iTarget, fn){ 5 var iSpeed, iCur; 6 clearInterval(oDom.timer); // 开启定时器前先清除定时器,避免动画重复叠加 7 oDom.timer = setInterval(function(){ 8 9 // 计算当前值 10 if(sAttr == 'opacity'){ 11 iCur

js运动基础之缓冲运动

单属性缓冲运动 1 /** 2 * 单属性缓冲运动 3 */ 4 function fnSingleBufferMove(oDom, sAttr, iTarget, fn){ 5 var iSpeed, iCur; 6 clearInterval(oDom.timer); 7 oDom.timer = setInterval(function(){ 8 // 计算当前值 9 if(sAttr == 'opacity'){ 10 iCur = Math.round(fnGetStyle(oDom,