- 综合排序
- 最热优先
- 最新优先
- 来自专栏橙光笔记
Canvas系列（11）：动画中级
上一章我们讲了简单的动画是如何绘制的，如果没有看上一章的童鞋，请点这里，本章的内容也是接着上一章的内容，代码也只修改其中部分。
1K20发布于 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 大家还有什么问题，欢迎在下方留言！
71410编辑于 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
89900编辑于 2022-05-13 - 来自专栏大数据钻研
11 个 HTML5 动画工具
HTML5使得开发者能为你的网站创建出惊人的动画效果。这些很棒的动画效果会为你的网站增添更多吸引力，接着会带来更多的生意。这些用HTML5创建的动画效果很出色，看起来很惊人。 但为了做出这种动画效果，你需要经历很多比较麻烦的工作，所以你可以使用一些免费或市面上收费的HTML5动画工具。 本文将会为大家介绍市面上最好的HTML5动画工具。 Mugeda Mugeda是一个基于云平台的专业可视化环境，用于直接在浏览器中制作富含动画和交互的HTML5内容。设计师无需任何编码，就可以制作富有感染力的移动动画内容。 5. Blysk 这又是一款实用工具，它可以帮助Web设计师创造页面上的动画，有更多的交互效果。 9. Radiapp 它可以为你的网站创造视频、动画和图像。 10. 11. Motion Composer Motion Composer是一套用于对比、整合和展示动作捕捉数据的软件包。可以制作多特征的动画，有着简单易用的接口。
1.9K60发布于 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） - 这是一个演示。
3.1K20发布于 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.3K70发布于 2018-03-27 - 来自专栏Android知识点总结
4-AI--Activity跳转动画
Activity默认跳转动画.gif 本案例效果： ? Activity跳转动画.gif 一、测试类 1.红色Activity： public class RedActivity extends AppCompatActivity { @BindView Activity跳转动画.png ---- 二、动画 1.左移出：anim/open_exit_t.xml <?xml version="1.0" encoding="utf-8"? context=".animation.RedActivity"> </android.support.constraint.ConstraintLayout> ---- 三、利用样式来改变Activity跳转动画
90020发布于 2018-09-26 - 来自专栏菩提树下的杨过
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 # 水平向左/向右走的动画处理
53120发布于 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
52320编辑于 2022-03-07 - 来自专栏青年码农
11款惊艳的HTML5粒子动画特效
HTML5确实非常强大，很多时候我们可以利用HTML5中的新技术实现非常炫酷的粒子动画效果，粒子动画在HTML5应用中也是比较消耗本地资源的，尤其是CPU，但是有些HTML5粒子效果确实能给用户带来不一样的惊艳用户体验 本文就是要分享11款效果惊艳的HTML5粒子动画特效，希望你可以喜欢。 1.3D粒子 代码比较简洁， 只包含css和js文件 ? 2.粒子波 粒子波浪效果 ? 3.粒子波浪 另一种粒子波浪效果 ? 4.粒子动画 粒子动画 ? 5.粒子空间 发散效果 ? 6.粒子扩散 文字特效 ? 7.粒子球 3D粒子球 ? 8.粒子时钟 时钟效果 ? 9.粒子隧道 看时间久有点晕 ? 11.粒子雨 粒子雨效果 ?
5.8K1513发布于 2020-09-30 - 来自专栏Rust语言学习交流
【Rust日报】2023-10-11 turtle -- 用 Rust 创建动画绘图
turtle -- 用 Rust 创建动画绘图 turtle 是一款基于 Rust 的画图教学编程的工具。对于所有年龄段的人来说，这种学习方式都是有趣的！ 你可以用一根绑在“乌龟”尾巴上的笔来控制它。
48650编辑于 2023-10-18 - 来自专栏风吹杨柳
2014-11-8Android学习-------onFinishInflate方法-------动画Animation学习篇
我们一般使用View的流程是在onCreate中使用setContentView来设置要显示Layout文件或直接创建一个View，
97930编辑于 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
59010编辑于 2022-03-07 - 来自专栏Web前端
借助AI实现动态文本轮廓动画
于是，我向AI提出了这个需求：“我想在网页上实现一个动态的文本轮廓动画，文本有发光和颜色切换效果，同时鼠标移动时文本有相应的交互效果，该怎么做？” HTML用于构建页面结构，CSS负责文本的样式和动画效果，而JavaScript则用来实现鼠标交互和颜色切换的功能。HTML结构搭建根据AI的建议，我首先着手编写HTML代码。 我询问AI：“如何构建这个动态文本效果的HTML结构？” AI给出了一个基本的HTML模板：<! CSS样式设计接着，我需要为文本添加样式和动画效果。我向AI询问：“如何使用CSS实现文本的动态轮廓和发光效果？” 总结与思考通过这次和AI的交流协作，我成功实现了一个动态文本轮廓动画效果。当然还有很多地方可以优化和升级。在这个过程中，AI为我提供了详细的代码和实现思路，让我能够快速地完成任务。
76520编辑于 2025-05-28 - 来自专栏编程教程
代理IP助力AI动画创作新风潮
在这场技术革新中，代理IP技术扮演了一个不可或缺的角色，为AI动画创作提供了强有力的支持。本文将详细探讨代理IP如何在AI动画创作中发挥作用，并通过具体案例和技术解析，让读者更好地理解这一技术风潮。 代理IP在AI动画创作中的应用 提高数据访问速度 AI模型需要不断访问和处理大量数据，而代理服务器可以缓存这些数据。 通过代理IP，AI模型可以绕过这些限制，继续访问和下载数据，这对于AI动画创作来说尤为重要。 AI技术在动画创作中的应用正在不断拓展，从剧本创作、角色设计到动画生成、后期渲染，AI正在渗透到动画制作的方方面面。 通过本文的介绍，相信读者已经对代理IP在AI动画创作中的应用有了更深入的了解。代理IP不仅提高了数据访问速度和数据处理能力，还突破了网络限制，保护了隐私和安全，为AI动画创作提供了强大的支持。
36110编辑于 2025-08-28 - 来自专栏AI.NET极客圈
AI重塑动画电影未来：《哪吒2》开启动画电影新时代
AI如何重构动画电影的每一个制作环节？它又能为《哪吒2》之后的作品注入怎样的新活力？本文将深入探讨AI在动画生产全流程中的应用潜力，并以《哪吒2》为案例，展望其在效率、成本与创意上的突破。 AI的出现为优化这一流程提供了契机。 二、AI在前制作阶段的应用 1. 剧本创作与故事板绘制 剧本创作是动画电影的灵魂所在。 在动画制作中，AI的潜力更加惊人。例如，AnimateDiff等框架可以将文字描述转化为动画序列。输入“哪吒挥舞火尖枪，与敌人激烈交战”，AI便能生成初步的动作片段，动画师随后进行细节优化。 六、AI对动画产业的深远影响 1. 效率与成本的革命 AI将大幅缩短动画制作周期并降低成本，使中小型工作室甚至独立创作者也能制作高质量作品。这可能催生更多像《哪吒》这样的现象级影片。 2. 结语 AI正在为动画电影的全流程注入新的活力，从剧本创作到后期制作，每一个环节都因AI而变得更高效、更具创意。
86610编辑于 2025-03-20 - 来自专栏机器之心
用AI实现动画角色的姿势迁移，Adobe等提出新型「木偶动画」
相比于依靠创作者手绘的动画，木偶动画的制作是个非常繁琐的过程，我们需要将一个动作分解成若干个环节，逐帧拍摄再连续放映为影片。 近日，Adobe 和康奈尔大学提出了一种名为「变形木偶模板」的动画制作方法，可实现基于少量卡通角色样本生成新角色动作，和木偶动画的制作方法倒是有异曲同工之妙。 近日，Adobe 和康奈尔大学的研究人员提出一种基于学习的动画制作方法——基于卡通角色的少量图像样本就可生成新动画。 卡通角色动画制作的难点 传统的角色动画制作过程较为繁琐，需要多名创作者合力，并且要非常细致地完成每一帧动作的绘制。 ? 最后，证明该模型可用于数据驱动的动画制作，即合成动画帧由训练时获取的角色外观决定。研究人员构建了合成中间帧和根据用户指定变形制作动画的原型应用，根据角色生成合理变形后的新图像。
2K20发布于 2019-10-15 - 来自专栏机器学习算法与Python学习
用AI实现动画角色的姿势迁移，Adobe等提出新型「木偶动画」
近日，Adobe 和康奈尔大学的研究人员提出一种基于学习的动画制作方法——基于卡通角色的少量图像样本就可生成新动画。 传统动画制作中，每一帧都是由创作者亲手绘制完成的，因而输入的图像缺乏共同结构、配准或标签。 卡通角色动画制作的难点 传统的角色动画制作过程较为繁琐，需要多名创作者合力，并且要非常细致地完成每一帧动作的绘制。 ? 这项研究用到的是学界和工业界常用的层级 2.5D 变形模型（layered 2.5D deformable model），再匹配上多种传统人工绘制动画风格。 最后，证明该模型可用于数据驱动的动画制作，即合成动画帧由训练时获取的角色外观决定。研究人员构建了合成中间帧和根据用户指定变形制作动画的原型应用，根据角色生成合理变形后的新图像。
2.1K10发布于 2019-10-15 - 来自专栏风吹杨柳
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
66520编辑于 2022-03-07 - 来自专栏Java项目实战
AI绘画专栏之 SDXL AI动画手把手教程(34)
1 girl, full body, solo, waving_wind, The background is the sky, 1.风2.火3.雷4.电160 40黄金圣斗士的由战斗到战死的动画每次制作完卸载模型视频效果 为 Lora 模型制作动画：使用 gradio 界面或 A1111（例如，英文、日文、中文教程）结合其他技术发挥创意，如超分辨率、帧插值、音乐生成等。
1.4K70编辑于 2023-11-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号