- 综合排序
- 最热优先
- 最新优先
- 来自专栏橙光笔记
Canvas系列（11）：动画中级
上一章我们讲了简单的动画是如何绘制的，如果没有看上一章的童鞋，请点这里，本章的内容也是接着上一章的内容，代码也只修改其中部分。
95120发布于 2020-10-19 - 来自专栏星河造梦坊专栏
Unity动画☀️11. IK动画—手与木头的匹配
MatchTarget实现从一段时间区域内，一个点到另一个点匹配的过程；IK动画用于直接将手或脚与某点的匹配 控制策略：a、在木头下新建两个点（空的GameObject），将这两个点调到合适位置，让手与这两个点进行匹配 ，完成托举木头的效果； b、在匹配过程中，手部的旋转角度和位置是根据GameObject来匹配的，我们可以通过调节GameObject的角度和位置完成动画的手部角度的调节。 运行时可暂停运行，调节位置，逐帧更新动画，Transform齿轮处可Copy Component，调节完成后取消运行动画，Paste Component Values 1、勾选动画层的IK Pass 2 C#补充： OnAnimatorIK(int layerIndex)方法在Update()方法外，因为勾选了IK Pass，系统会自动调用 print(layerIndex);可在控制台输出当前调用的动画层是几 ： 动画系统其他各功能链接：TimeLine 大家还有什么问题，欢迎在下方留言！
59110编辑于 2024-08-14 - 来自专栏每日一篇技术文章
SceneKit_中级11_动画事件
SceneKit_入门07_几何体 SceneKit_入门08_材质 SceneKit_入门09_物理身体 SceneKit_入门10_物理世界 SceneKit_入门11_粒子系统 SceneKit _入门12_物理行为 SceneKit_入门13_骨骼动画 SceneKit_中级01_模型之间的过渡动画 SceneKit_中级02_SCNView 详细讲解 SceneKit_中级03_切换照相机视角 场景的切换 SceneKit_中级07_动态修改属性 SceneKit_中级08_阴影详解 SceneKit_中级09_碰撞检测 SceneKit_中级10_滤镜效果制作 SceneKit_中级11 ,看文章的你幸运了我现在就告诉你参数是什么一下,第一个参数CAAnimation 类型,就是我们创建的动画,第二个参数any 当动画添加到节点上,那这个就是节点对象,第三个参数 动画是否回退执行 重点内容来了 ,我们做一个颜色变化的事件,当动画开始执行是,我们的文字颜色为红色,动画指定一般颜色为紫色,动画执行完整时,颜色为绿色,我们重复这个行为 创建三个事件 // 开始事件 let startEvt
76300编辑于 2022-05-13 - 来自专栏大数据钻研
11 个 HTML5 动画工具
HTML5使得开发者能为你的网站创建出惊人的动画效果。这些很棒的动画效果会为你的网站增添更多吸引力，接着会带来更多的生意。这些用HTML5创建的动画效果很出色，看起来很惊人。 但为了做出这种动画效果，你需要经历很多比较麻烦的工作，所以你可以使用一些免费或市面上收费的HTML5动画工具。 本文将会为大家介绍市面上最好的HTML5动画工具。 Mugeda Mugeda是一个基于云平台的专业可视化环境，用于直接在浏览器中制作富含动画和交互的HTML5内容。设计师无需任何编码，就可以制作富有感染力的移动动画内容。 5. Blysk 这又是一款实用工具，它可以帮助Web设计师创造页面上的动画，有更多的交互效果。 9. Radiapp 它可以为你的网站创造视频、动画和图像。 10. 11. Motion Composer Motion Composer是一套用于对比、整合和展示动作捕捉数据的软件包。可以制作多特征的动画，有着简单易用的接口。
1.8K60发布于 2018-04-18 - 来自专栏我就是马云飞
2019 年 11 个受欢迎的 JavaScript 动画库！
超过15k的star,Velocity是一个快速的 Javascript 动画引擎，拥有与jQuery的 $.animate() 相同的API。它具有彩色动画、转换、循环、画架、SVG支持和滚动。 这里是Velocity的高性能引擎的分解，这里是使用该库的 SVG 动画的介绍。 Popmotion ? 超过14K的star，这个动画库大小只有 11 kb。 超过10k的star，Vivus是一个零依赖的JavaScript类，可以让你为SVG制作动画，让它们具有被绘制的外观。 您可以使用许多可用动画之一，或创建自定义脚本来绘制SVG。 拥有15K的star和零依赖，这个库为 web 和移动浏览器提供了简单的滚动动画，以动画的方式显示滚动中的内容。它支持多种简洁的效果类型，甚至允许你使用自然语言定义动画。 一个完全成熟的原生JavaScript动画引擎，具有跨浏览器动画的基本功能。 重点是代码质量，灵活性，性能和大小（核心引擎17k 和 gzipped 5.5k） - 这是一个演示。
2.9K20发布于 2019-03-08 - 来自专栏Golang语言社区
11个基础的HTML5动画工具
HTML5使得开发者能为你的网站创建出惊人的动画效果。这些很棒的动画效果会为你的网站增添更多吸引力，接着会带来更多的生意。这些用HTML5创建的动画效果很出色，看起来很惊人。 但为了做出这种动画效果，你需要经历很多比较麻烦的工作，所以你可以使用一些免费或市面上收费的HTML5动画工具。 本文将会为大家介绍市面上最好的HTML5动画工具。 Mugeda Mugeda是一个基于云平台的专业可视化环境，用于直接在浏览器中制作富含动画和交互的HTML5内容。设计师无需任何编码，就可以制作富有感染力的移动动画内容。 5. Blysk 这又是一款实用工具，它可以帮助Web设计师创造页面上的动画，有更多的交互效果。 9. Radiapp 它可以为你的网站创造视频、动画和图像。 10. 11. Motion Composer Motion Composer是一套用于对比、整合和展示动作捕捉数据的软件包。可以制作多特征的动画，有着简单易用的接口
2.2K70发布于 2018-03-27 - 来自专栏菩提树下的杨过
pygame-KidsCanCode系列jumpy-part11-角色动画(下)
接上节继续，上节并没有处理向左走、向右走的动画效果，这节补上，看似很简单，但是有一些细节还是要注意： def jump(self): hits = pg.sprite.spritecollide self.vel.y = -PLAYER_JUMP # 水平方向未走动时，才认为是向上跳跃状态 # (否则，如果向上跳时，同时按左右方向键，不会切换到向左或向右的转向动画 # 如果垂直方向静止，或水平方向有走动时，认为向上跳跃状态结束 10 if abs(self.vel.y) < 0.5 or abs(self.vel.x) > 0.5: 11 16 # else: 17 # self.image = self.standing_frames[0] 18 19 # 水平向左/向右走的动画处理
47820发布于 2019-09-12 - 来自专栏风吹杨柳
2014-11-6Android学习------布局处理（九）animation动画的属性解释--------动画Animation学习篇
-- 透明度控制动画效果 alpha 浮点型值： fromAlpha 属性为动画起始时透明度 toAlpha 属性为动画结束时透明度 -- android:interpolator Interpolator 被用来修饰动画效果，定义动画的变化率，可以使存在的动画有这几种效果： accelerated(加速)，decelerated X坐标上的位置 toXDelta 为动画结束时 X坐标上的位置 fromYDelta 为动画起始时 Y坐标上的位置 toYDelta 为动画结束时 Y坐标上的位置 两者结合： <? ] 当设置为true ，该动画转化在动画开始前被应用 interpolator 指定一个动画的插入器 repeatCount[int] 动画的重复次数 RepeatMode[int] 定义重复的行为 1：重新开始 2：plays backward startOffset[long] 动画之间的时间间隔，从上次动画停多少时间开始执行下个动画 zAdjustment[int] 定义动画的Z Order
45720编辑于 2022-03-07 - 来自专栏Rust语言学习交流
【Rust日报】2023-10-11 turtle -- 用 Rust 创建动画绘图
turtle -- 用 Rust 创建动画绘图 turtle 是一款基于 Rust 的画图教学编程的工具。对于所有年龄段的人来说，这种学习方式都是有趣的！ 你可以用一根绑在“乌龟”尾巴上的笔来控制它。
43150编辑于 2023-10-18 - 来自专栏青年码农
11款惊艳的HTML5粒子动画特效
HTML5确实非常强大，很多时候我们可以利用HTML5中的新技术实现非常炫酷的粒子动画效果，粒子动画在HTML5应用中也是比较消耗本地资源的，尤其是CPU，但是有些HTML5粒子效果确实能给用户带来不一样的惊艳用户体验 本文就是要分享11款效果惊艳的HTML5粒子动画特效，希望你可以喜欢。 1.3D粒子 代码比较简洁， 只包含css和js文件 ? 2.粒子波 粒子波浪效果 ? 3.粒子波浪 另一种粒子波浪效果 ? 4.粒子动画 粒子动画 ? 5.粒子空间 发散效果 ? 6.粒子扩散 文字特效 ? 7.粒子球 3D粒子球 ? 8.粒子时钟 时钟效果 ? 9.粒子隧道 看时间久有点晕 ? 11.粒子雨 粒子雨效果 ?
5.5K1513发布于 2020-09-30 - 来自专栏风吹杨柳
2014-11-8Android学习-------onFinishInflate方法-------动画Animation学习篇
我们一般使用View的流程是在onCreate中使用setContentView来设置要显示Layout文件或直接创建一个View，
91530编辑于 2022-03-07 - 来自专栏风吹杨柳
2014-11-8Android学习-------AnimationListener方法-------动画Animation学习篇
AnimationListener听名字就知道是对Animation设置监听器， 说简单点就是在Animation动画效果开始执行前，执行完毕和重复执行时可以触发监听器，从而执行对应的函数。 步骤就是： 1.声明： TranslateAnimation animation; 移动动画 2.构造：animation = new TranslateAnimation(fromXDelta, toXDelta .设置监听：animation.setAnimationListener(animationListener); 4.启动：startAnimation(animation); 当然其中还可以包括设置动画的时长等等属性 ，这里就省略不写了 看到其中的第三步没有，执行了这行代码就激发了动画的监听事件， 这个时候我们需要去实现AnimationListener < } public void onAnimationStart(Animation animation) { //动画开始时让View可见 list.setVisibility
53510编辑于 2022-03-07 - 来自专栏风吹杨柳
2014-11-6Android学习------activity切换特效--------动画Animation学习篇
如果本篇文章没有看懂， 请先看上篇文章，地址：http://blog.csdn.net/u014737138/article/details/40861929 上篇文章我们学习了animation动画的四种情况 第一个参数为第一个Activity离开时的动画，第二参数为所进入的Activity的动画效果*/ overridePendingTransition(R.anim.fade, R.anim.hold 10: overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit); break; case 11 第一个参数为第一个Activity离开时的动画，第二参数为所进入的Activity的动画效果*/ overridePendingTransition(R.anim.fade, R.anim.hold ，第二参数为所进入的Activity的动画效果 跳转到另外一个activity类中，当返回键被触发的时候：又设定一种退出的效果 @Override public boolean onKeyDown
56620编辑于 2022-03-07 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 | 动画运行 )
文章目录 ◯、AnimatedWidget 组件引入 一、创建 AnimatedWidget 动画组件 二、创建动画控制器 三、创建动画 四、动画运行 五、完整代码示例 六、相关资源 AnimatedWidget 动画使用流程 : ① 创建 AnimatedWidget 动画组件 ② 创建动画控制器 ③ 创建动画 ④ 动画运行 ◯、AnimatedWidget 组件引入 ---- 在上一篇博客 【Flutter 】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 ) 中 , 使用动画时 , 需要给动画添加值监听器 动画对象 , 可以自动计算出动画值 , 并自动刷新封装在该 AnimatedWidget 动画组件中的布局组件 ; 创建 AnimatedWidget 动画组件时 , 传入 Animation 对象 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.3K10编辑于 2023-03-29 - 来自专栏全栈程序员必看
JavaScript 动画_jquery 动画
JavaScript—动画 一、动画原理 通过定时器setInterval不断移动盒子位置。 clearInterval(timer); //停止定时器 } div.style.left = div.offsetLeft + 1 + 'px'; //定时器执行的操作：每1毫秒移动一个像素 }, 1) 二、简单动画函数封装 注意函数需要传递的2个参数：动画对象和移动的距离。 target) { clearInterval(obj.timer); } obj.style.left = obj.offsetLeft + 1 + 'px'; }, 1) } 四、缓动效果原理 缓动动画就是让元素运动速度有所变化 = target) { clearInterval(obj.timer); } obj.style.left = obj.offsetLeft + step + 'px'; }, 15) } 五、动画函数添加回调函数
3.5K30编辑于 2022-11-04 - 来自专栏Flutter
【Flutter 实战】动画序列、共享动画、路由动画
老孟导读：此篇文章是 Flutter 动画系列文章第四篇，本文介绍动画序列、共享动画、路由动画。 动画序列 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end 最终效果如下： 共享动画 Hero是我们常用的过渡动画，当用户点击一张图片，切换到另一个页面时，这个页面也有此图，那么使用Hero组件就在合适不过了，先看下Hero的效果图： 上面效果实现的列表页面代码如下 上面的动画只对新的页面进行了动画，如果想实现当前页面被新页面从顶部顶出的效果，实现方式如下： class CustomPageRoute extends PageRouteBuilder { final 里面提供了一系列动画，部分效果： 详情：Flutter 1.17 新 Material motion 规范的预构建动画 ?
2.4K10发布于 2020-09-11 - 来自专栏完美Excel
不可思议的Excel图表11： 实现运动诱发失明(MIB)动画模型
图1 实际的MIB Excel模型比这个动画的GIF表示更平滑。 MIB模型 这里有三种用于这种视错觉的方法。 1.使用单个系列定义所有点（49个）并在每个点上放置一个十字。 ? 图11 为了简化所有这些的构建，坐标、转换到极坐标和构造旋转变换公式都是在Excel中完成的（参见示例文件中的工作表“2”）。 动画 添加简单的命名公式“t”，更改t的值并更新图表来实现图表的动画。 RGB(0, 255, 0) End If 'DoEvents Loop End Sub 如果有兴趣深入研究本文介绍的图表是如何实现的，可以在完美Excel公众号中发送消息： MIB动画图
1.4K30发布于 2019-07-19 - 来自专栏风吹杨柳
2014-11-3Android学习------关于ViewPager的实现步骤--------GIF动画实现
R.drawable.a5, R.drawable.a6, R.drawable.a7, R.drawable.a8, R.drawable.a9, R.drawable.a10, R.drawable.a11 ：动画结束的X坐标 0：动画开始的Y坐标 0：动画结束的Y坐标 我们先来看看官网的API： public TranslateAnimation (float fromXDelta, float View X坐标上的差值； float toXDelta, 这个参数表示动画结束的点离当前View X坐标上的差值； float fromYDelta, 这个参数表示动画开始的点离当前View Y坐标上的差值； float toYDelta)这个参数表示动画开始的点离当前View Y坐标上的差值； 如果view在A(x,y)点 那么动画就是从B点(x+fromXDelta, ，0.3秒播放完毕 anim.setFillAfter(true); 图片动画播放完了，如果我没有动的话，就应该让动画停留在当前的页面 curDot.startAnimation(anim);curDot
46620编辑于 2022-03-07 - 来自专栏李蔚蓬的专栏
Android动画基础 | 概述、逐帧动画、视图动画
为了描述方便，下文中我们把执行动画的组件暂时称为“目标组件”； 1.1 概述 动画的意义： 视觉效果（良好观感）、 引导用户（理解我们的应用功能）； 下文将笔记： 逐帧动画、 视图动画、 属性动画 逐帧动画：逐帧动画的基础是帧，也即图片，图片一般由美工制作； 没有原图就无法制作逐帧动画，则应用范围比较小； 视图动画：应用广泛； 操作的是视图对象，可以令视图对象产生透明度渐变 、位移、旋转等效果； 但是也有它的局限性（局限于视图）； 属性动画：操作的对象不再局限于视图，可以真实地改变对象的属性； 2 逐帧动画 概述： 逐帧动画也称图片动画， 通过在一个固定区域 ， 逐张地呈现一系列事先加载好的图片而产生动画效果； 定义逐帧动画的方法： 使用AnimationDrawable对象定义逐帧动画； 它是一个Drawable容器（DrawableContainer 3.1 视图动画.
4.8K21发布于 2019-05-14 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedBuilder 动画使用流程 | 创建动画控制器 | 创建动画 | 创建动画作用的组件 | 关联动画与组件 | 动画执行 )
文章目录 ◯、AnimatedBuilder 引入 一、创建动画控制器 二、创建动画 三、创建动画作用的组件 四、创建 AnimatedBuilder 关联动画与组件 五、动画运行 六、完整代码示例 七 、相关资源 AnimatedBuilder 动画使用流程 : ① 创建动画控制器 ② 创建动画 ③ 创建动画作用的组件 ④ 创建 AnimatedBuilder 关联动画与组件 ⑤ 执行动画 ◯、AnimatedBuilder 引入 ---- 在上一篇博客 【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 可以构建通用 Widget , AnimatedBuilder 可以用于拆分动画 与 组件 ; 动画开发中需要分离的功能 : 显示动画作用的组件 定义 Animation 动画对象 将 Animation 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.3K10编辑于 2023-03-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号