- 综合排序
- 最热优先
- 最新优先
- 来自专栏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跳转动画
88920发布于 2018-09-26 - 来自专栏Web前端
借助AI实现动态文本轮廓动画
于是，我向AI提出了这个需求：“我想在网页上实现一个动态的文本轮廓动画，文本有发光和颜色切换效果，同时鼠标移动时文本有相应的交互效果，该怎么做？” HTML用于构建页面结构，CSS负责文本的样式和动画效果，而JavaScript则用来实现鼠标交互和颜色切换的功能。HTML结构搭建根据AI的建议，我首先着手编写HTML代码。 我询问AI：“如何构建这个动态文本效果的HTML结构？” AI给出了一个基本的HTML模板：<! CSS样式设计接着，我需要为文本添加样式和动画效果。我向AI询问：“如何使用CSS实现文本的动态轮廓和发光效果？” 总结与思考通过这次和AI的交流协作，我成功实现了一个动态文本轮廓动画效果。当然还有很多地方可以优化和升级。在这个过程中，AI为我提供了详细的代码和实现思路，让我能够快速地完成任务。
75720编辑于 2025-05-28 - 来自专栏编程教程
代理IP助力AI动画创作新风潮
在这场技术革新中，代理IP技术扮演了一个不可或缺的角色，为AI动画创作提供了强有力的支持。本文将详细探讨代理IP如何在AI动画创作中发挥作用，并通过具体案例和技术解析，让读者更好地理解这一技术风潮。 代理IP在AI动画创作中的应用 提高数据访问速度 AI模型需要不断访问和处理大量数据，而代理服务器可以缓存这些数据。 通过代理IP，AI模型可以绕过这些限制，继续访问和下载数据，这对于AI动画创作来说尤为重要。 AI技术在动画创作中的应用正在不断拓展，从剧本创作、角色设计到动画生成、后期渲染，AI正在渗透到动画制作的方方面面。 通过本文的介绍，相信读者已经对代理IP在AI动画创作中的应用有了更深入的了解。代理IP不仅提高了数据访问速度和数据处理能力，还突破了网络限制，保护了隐私和安全，为AI动画创作提供了强大的支持。
35510编辑于 2025-08-28 - 来自专栏机器之心
用AI实现动画角色的姿势迁移，Adobe等提出新型「木偶动画」
相比于依靠创作者手绘的动画，木偶动画的制作是个非常繁琐的过程，我们需要将一个动作分解成若干个环节，逐帧拍摄再连续放映为影片。 近日，Adobe 和康奈尔大学提出了一种名为「变形木偶模板」的动画制作方法，可实现基于少量卡通角色样本生成新角色动作，和木偶动画的制作方法倒是有异曲同工之妙。 近日，Adobe 和康奈尔大学的研究人员提出一种基于学习的动画制作方法——基于卡通角色的少量图像样本就可生成新动画。 卡通角色动画制作的难点 传统的角色动画制作过程较为繁琐，需要多名创作者合力，并且要非常细致地完成每一帧动作的绘制。 ? 最后，证明该模型可用于数据驱动的动画制作，即合成动画帧由训练时获取的角色外观决定。研究人员构建了合成中间帧和根据用户指定变形制作动画的原型应用，根据角色生成合理变形后的新图像。
2K20发布于 2019-10-15 - 来自专栏AI.NET极客圈
AI重塑动画电影未来：《哪吒2》开启动画电影新时代
AI如何重构动画电影的每一个制作环节？它又能为《哪吒2》之后的作品注入怎样的新活力？本文将深入探讨AI在动画生产全流程中的应用潜力，并以《哪吒2》为案例，展望其在效率、成本与创意上的突破。 AI的出现为优化这一流程提供了契机。 二、AI在前制作阶段的应用 1. 剧本创作与故事板绘制 剧本创作是动画电影的灵魂所在。 在动画制作中，AI的潜力更加惊人。例如，AnimateDiff等框架可以将文字描述转化为动画序列。输入“哪吒挥舞火尖枪，与敌人激烈交战”，AI便能生成初步的动作片段，动画师随后进行细节优化。 六、AI对动画产业的深远影响 1. 效率与成本的革命 AI将大幅缩短动画制作周期并降低成本，使中小型工作室甚至独立创作者也能制作高质量作品。这可能催生更多像《哪吒》这样的现象级影片。 2. 结语 AI正在为动画电影的全流程注入新的活力，从剧本创作到后期制作，每一个环节都因AI而变得更高效、更具创意。
85710编辑于 2025-03-20 - 来自专栏机器学习算法与Python学习
用AI实现动画角色的姿势迁移，Adobe等提出新型「木偶动画」
近日，Adobe 和康奈尔大学的研究人员提出一种基于学习的动画制作方法——基于卡通角色的少量图像样本就可生成新动画。 传统动画制作中，每一帧都是由创作者亲手绘制完成的，因而输入的图像缺乏共同结构、配准或标签。 卡通角色动画制作的难点 传统的角色动画制作过程较为繁琐，需要多名创作者合力，并且要非常细致地完成每一帧动作的绘制。 ? 这项研究用到的是学界和工业界常用的层级 2.5D 变形模型（layered 2.5D deformable model），再匹配上多种传统人工绘制动画风格。 最后，证明该模型可用于数据驱动的动画制作，即合成动画帧由训练时获取的角色外观决定。研究人员构建了合成中间帧和根据用户指定变形制作动画的原型应用，根据角色生成合理变形后的新图像。
2.1K10发布于 2019-10-15 - 来自专栏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 - 来自专栏算法一只狗
几个步骤入门AI动画视频制作
要介绍动画生成之前，先让大家来看看我生成的动画视频：https://mp.weixin.qq.com/s/yoGInoMpQ_6-U2Y2FgGAVg上面的视频我只用了不到2小时的时间就可以制作完成了。 可以快速的在几分钟内，利用动画和AI配音讲述一个完整的故事《家人们谁懂呀我遇到下头男了》。本质上就是利用最近火爆的文本生成视频工具PIKA，然后配上相应的文案制作而成的。 其中需要用到以下几个工具视频动画：PIKA文案生成：ChatGPT制作视频：剪映我会一一介绍这几个软件的用法，教会你如何从零开始制作一个属于自己的动画视频。 比如我今天要介绍的Pika模型，它是由斯坦福华人博士郭文景研究出的AI视频生成工具。目前在加入其Discord可以免费使用。小黑子表情包在这里我基于坤坤的静态图做了相应的表情包。 动画视频制作故事和分镜文本制作要制作一个动画，首先要有一个故事。这部分我们可以直接使用ChatGPT生成自己想要的文本。
3.1K10编辑于 2023-12-08 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 | 动画运行 )
文章目录 ◯、AnimatedWidget 组件引入 一、创建 AnimatedWidget 动画组件 二、创建动画控制器 三、创建动画 四、动画运行 五、完整代码示例 六、相关资源 AnimatedWidget 动画使用流程 : ① 创建 AnimatedWidget 动画组件 ② 创建动画控制器 ③ 创建动画 ④ 动画运行 ◯、AnimatedWidget 组件引入 ---- 在上一篇博客 【Flutter 】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 ) 中 , 使用动画时 , 需要给动画添加值监听器 动画对象 , 可以自动计算出动画值 , 并自动刷新封装在该 AnimatedWidget 动画组件中的布局组件 ; 创建 AnimatedWidget 动画组件时 , 传入 Animation 对象 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.5K10编辑于 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.8K30编辑于 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.6K10发布于 2020-09-11 - 来自专栏李蔚蓬的专栏
Android动画基础 | 概述、逐帧动画、视图动画
为了描述方便，下文中我们把执行动画的组件暂时称为“目标组件”； 1.1 概述 动画的意义： 视觉效果（良好观感）、 引导用户（理解我们的应用功能）； 下文将笔记： 逐帧动画、 视图动画、 属性动画 逐帧动画：逐帧动画的基础是帧，也即图片，图片一般由美工制作； 没有原图就无法制作逐帧动画，则应用范围比较小； 视图动画：应用广泛； 操作的是视图对象，可以令视图对象产生透明度渐变 、位移、旋转等效果； 但是也有它的局限性（局限于视图）； 属性动画：操作的对象不再局限于视图，可以真实地改变对象的属性； 2 逐帧动画 概述： 逐帧动画也称图片动画， 通过在一个固定区域 ， 逐张地呈现一系列事先加载好的图片而产生动画效果； 定义逐帧动画的方法： 使用AnimationDrawable对象定义逐帧动画； 它是一个Drawable容器（DrawableContainer 3.1 视图动画.
5K21发布于 2019-05-14 - 来自专栏Dance with GenAI
用AI制作动画和电影的英语台词本
以动画龙猫为例，先对视频进行截图，参见文章《AI办公自动化：根据字幕时间轴批量对视频进行截图》； AI办公自动化：根据字幕时间轴批量对视频进行截图 然后拆分srt文档，参见文章《AI办公自动化：根据字幕时间轴批量拆分 AI办公自动化：根据字幕时间轴批量拆分srt文档 这两步完成之后，在ChatGPT中输入提示词： 你是一个Python编程专家，要完成一个Python脚本编写任务，具体步骤如下： 打开文件夹："D:\My.Neighbor.Totoro
1.1K10编辑于 2024-06-24 - 来自专栏Web前端
当我用AI“聊”出一个粒子动画
最近遇到了一个需求：在一个创意网站上实现一个粒子动画系统，要求用户点击时产生爆炸效果，鼠标移动时拖尾发光，并且要适配不同设备。 以往这类项目我可能需要花费一整天时间查阅文档、调试参数，但这次我决定尝试全程与AI结对编程。 打开AI编程助手，我开始了这场特殊的对话："我想做一个粒子系统，就像你点击烟花按钮，会有彩色圆点从点击位置散开，然后慢慢消失。"AI回应："这听起来像是一个基于物理的粒子系统。 反思与展望：AI时代的编程范式变革也就五六分钟，我们完成了一个功能丰富、性能优良的粒子动画系统。这个过程让我深刻体会到AI编程的魅力：思维扩展：AI能够提供不同的视角和解决方案，帮助我突破思维定式。 知识传承：AI不仅提供答案，还解释原理，加速了知识的吸收和转化。协作模式：未来的编程可能不再是单打独斗，而是人与AI的高效协作。但这并不意味着程序员会被取代。
56620编辑于 2025-05-27 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedBuilder 动画使用流程 | 创建动画控制器 | 创建动画 | 创建动画作用的组件 | 关联动画与组件 | 动画执行 )
文章目录 ◯、AnimatedBuilder 引入 一、创建动画控制器 二、创建动画 三、创建动画作用的组件 四、创建 AnimatedBuilder 关联动画与组件 五、动画运行 六、完整代码示例 七 、相关资源 AnimatedBuilder 动画使用流程 : ① 创建动画控制器 ② 创建动画 ③ 创建动画作用的组件 ④ 创建 AnimatedBuilder 关联动画与组件 ⑤ 执行动画 ◯、AnimatedBuilder 引入 ---- 在上一篇博客 【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 可以构建通用 Widget , AnimatedBuilder 可以用于拆分动画 与 组件 ; 动画开发中需要分离的功能 : 显示动画作用的组件 定义 Animation 动画对象 将 Animation 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.6K10编辑于 2023-03-29 - 来自专栏Flutter
《Flutter 动画系列》组合动画
老孟导读：在项目中动画效果很多时候是几种动画的组合，比如颜色、大小、位移等属性同时变化或者顺序变化，这篇文章讲解如何实现组合动画。 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end: 300.0 animate(CurvedAnimation( parent: _animationController, curve: Interval(0.5, 1.0))); 表示_sizeAnimation动画从 0.5（一半）开始到结束，如果动画时长为6秒，_sizeAnimation则从第3秒开始。 想象下面的场景，一个红色的盒子，动画时长为6秒，前40%的时间大小从100->200，然后保持200不变20%的时间，最后40%的时间大小从200->300，这种效果通过TweenSequence实现，
1.7K10发布于 2020-09-11 - 来自专栏大师级码师
JavaScript动画 —— 弹动动画
spring = 0.1, targetX = canvas.width / 2, vx = 0; ball.x = 20; ball.y = 20; // 缓动动画函数 为了动画更丰富一点，可以尝试修改vx、vy或者不同x、y轴的friction值。自己尝试一下吧。 三. 目标点移动的弹动 目标点移动，我们很容易就想到把鼠标当成目标点。 在上一篇介绍缓动动画时，有一个小球跟随鼠标的缓动动画。让小球跟随鼠标弹动同样很简单，只要把targetX和targetY替换为当前坐标即可。效果很炫酷，但是代码基本没变。 修改为： var dx = mouse.x - ball.x; var dy = mouse.y - ball.y; 当然，我们还需要写一个获得当前鼠标位置的函数，可以参考我写的博文《JavaScript动画详解 targetX = mouse.x; targetY = mouse.y; console.log(targetX + " , " + targetY); }, false); // 缓动动画函数
2.2K00发布于 2021-09-19 - 来自专栏波波烤鸭
Vue教程(动画-半场动画)
上篇文章我们介绍了过渡动画的实现，包括完整的 入场 和 离场 动画，但是在实际过程中我们有时可能仅仅需要使用半场动画，比如淘宝购物车的下单处理等。 ? Vue 半场动画 1.基础页面 基础页面设置。 <! 3.JavaScript钩子设定 ball要添加动画的话需要被transition包裹 ? ” 离场动画之前执行beforeLeave方法 v-on:leave=“leave” 离场动画过程中执行的方法 v-on:after-leave=“afterLeave” 离场结束后执行的方法 v-on :leave-cancelled=“leaveCancelled” 离场动画取消时执行的方法 添加钩子方法 ?
1.3K30发布于 2019-07-22 - 来自专栏Android开发
Android动画之帧动画
帧动画的原理就是让一系列的静态图片依次播放，实现动画效果。 下面了解一下两种实现帧动画的方式 1.利用 Java 代码实现帧动画 2.利用 xml 实现帧动画（开发中通常使用这种方法实现帧动画） 1.利用 Java 代码实现帧动画 源代码如下： activity_main.xml animationDrawable.stop(); break; } } } 2.利用 xml 实现帧动画（开发中通常使用这种方法实现帧动画 ） 以前还在学校的时候写过一个例子Android中帧动画的简单实现 下面再来一次 (1).帧动画通常在XML 资源进行定义，在 <animation-list …/> 标签下使用 <item …/ > 子元素标签定义动画的全部帧，并指定各帧的持续时间。
49800编辑于 2025-06-12 - 来自专栏Android开发
Android动画之属性动画
理解：指定一个开始的位置，再指定一个结束的位置，自动补充中间的变化过程 为了更好的演示，写了一个Demo，xml界面如下（最后有源码） 要介绍的有： 1.透明动画：alpha 2.位移动画：translationX ，translationY 3.旋转动画：rotation 4.缩放动画：scaleX，scaleY 5.组合显示：AnimatorSet（动画集合容器） 1.透明动画：alpha 2.位移动画 ：translationX，translationY 3.旋转动画：rotation 4…缩放动画：scaleX，scaleY 5.组合显示：AnimatorSet（动画集合容器 要执行的动画类型 3. 一组动画的属性 switch (v.getId()) { case R.id.btn_alpha://透明动画 objectAnimator
33610编辑于 2025-06-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号