Flash动画教程学习(三)--高级运动
第三部分 高级运动
第八章 缓动和弹性
- 缓动:越是靠近目标越慢
var vx:Number = (targetX - ball.x) * easing;
var vy:Number = (targetY - ball.y) * easing;
ball.x += vx;
ball.y += vy;
何时停止缓动?
If(Math.abs(dx)<1){
Ball.x = target;
removeEventListener(Event.ENTER_FRAME);
trace(“done”);
}
跟随目标移动:
var vx:Number = (mouseX - ball.x) * easing;
var vy:Number = (mouseY - ball.y) * easing;
ball.x += vx;
ball.y += vy;
- 缓动不只是应用于运动:
透明度:ball.alpha += (targetAlpha-ball.alpha)*easing;
旋转:arrow.rotation += (targetRotation-arrow.rotation)*easing;
颜色:red += (redTarget - red)*easing;
- 弹性:(一维弹性)越是靠近目标越快(初始位置和目标位置保持一定距离,以便加速)
var dx:Number = targetX - ball.x;
var ax:Number = dx * spring;
vx += ax;
ball.x += vx;
加入摩擦值:
var dx:Number = targetX - ball.x;
var ax:Number = dx * spring;
vx += ax;
vx *= friction;//0.95
ball.x += vx;
二维弹性:带摩擦力
var dx:Number = targetX - ball.x;
var dy:Number = targetY - ball.y;
var ax:Number = dx * spring;
var ay:Number = dy * spring;
vx += ax;
vy += ay;
vx *= friction;
vy *= friction;
ball.x += vx;
ball.y += vy;
移动目标点的弹性:跟随鼠标弹动(将targetX更改为mouseX就OK了)
var dx:Number = mouseX - ball.x;
var dy:Number = mouseY - ball.y;
画出求与鼠标间的线:
graphics.clear();
graphics.lineStyle(1);
graphics.moveTo(mouseX, mouseY);
graphics.lineTo(ball.x, ball.y);
多目标点弹性:
利用函数调用、循环、数组实现
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库