zoukankan      html  css  js  c++  java
  • Canvas学习笔记——缓动

    当你驾车在高速公路上行驶时,速度是很快的,而快到收费站时,则开始减速直到停下。将这个例子转换成物理模型就是当物体向终点运动时,开始速度会很快,而在快要到达终点时,速度会逐渐放缓直至0,整个运动过程就是缓动。距离越远,速度就越大,距离越近,速度就越慢,也就是距离和速度是成正比关系的。

    如果t为1,则

    也就是速度等于距离乘以一个0到1的小数。

    v = (target - currentPosition) * k;     //  k�(0,1]
     

    然而这样物体是永远无法到达目标点的,因为存在很多小数,所以不能达到target === x。为了解决这个问题,需要加上一段限制避免冗余的运算:

    if(Math.abs(targetX - ball.x) < 0.1 && Math.abs(targetY - ball.y) < 0.1) {
            ball.x = targetX;
            ball.y = targetY;
            window.cancelRequestAnimationFrame(requestId);
    }
  • 相关阅读:
    【C#】.net 发送get/post请求
    【C#】什么时候使用virtual什么时候使用abstract
    【C#】为什么有可能会被多个线程修改的对象要加线程锁
    【ADO.NET】 使用通用数据库操作类Database (SQL Server)
    【ADO.NET】 基础 (SQL Server)
    【前端】模拟微信上传图片(带预览,支持预览gif)
    【前端】Html5浏览器缓存 sessionStorage 与 localStorage
    【C#】.net 导出Excel功能
    【前端】jQurey Plugin
    【c#】对象转json字符串/字符串转Json对象
  • 原文地址:https://www.cnblogs.com/undefined000/p/5223046.html
Copyright © 2011-2022 走看看