- 综合排序
- 最热优先
- 最新优先
- 来自专栏六月-游戏开发
字符动画制作
制作步骤 一、用Pr把视频导出为帧图片和mp3 1.打开Pr,按ctrl+i导入需要制成字符动画的原视频 2.按ctrl+m导出为jpg图片，记得存进一个文件夹里，因为会导出大量图片，例如一个三分多钟六十帧的 二、用ascgen2把帧图制成字符文本 1.选择帧图所在文件夹，导入所有图片(安装包在最下面有) 2.修改字符文本的一些属性,或者默认也可 3.修改分辨率和导出路径，点击导出 等待导出完成 三、编写程序，读取并打印文本 代码部分其实很简单，逻辑上只要做读取文件，播放音乐，并每间隔1/60秒打印输出一帧的字符即可，而在开始播放前，需要做一些初始化处理,如隐藏光标，调整控制台大小等 0}; SetConsoleCursorInfo(GetStdHandle(STD_OUTPUT_HANDLE), &cursor_info); SetConsoleTitle("字符 0}; SetConsoleCursorInfo(GetStdHandle(STD_OUTPUT_HANDLE), &cursor_info); SetConsoleTitle("字符
2.5K10编辑于 2022-12-26 - 来自专栏Diuut
视频转换字符画动画
本想着按照自己的思路，不用网上的集成工具生成动态字符画视频。结果搞了3天，发觉还是能力有限，就先搁置在这吧，等到哪天回头再来。 在此之前步骤都还挺顺利的，因为功底有限，所以想着直接使用网页上的接口转换，中间为了达到目标，比如找到网站字符画转换接口，专门下载学习Fiddler，学会了根据不同需求查找并筛选请求或者响应。
1.3K20编辑于 2022-11-22 - 来自专栏C++
字符动画播放器，不止BadApple!
libvlc解码转码出RGBA和播放音频，再将RGBA量化为黑('*')白(' ')两个颜色并输出到屏幕。
81920发布于 2020-04-08 - 来自专栏AllTests软件测试
利用Python将视频转为字符动画
利用Python将视频转为字符动画 这几天某音上很多高校都在拍高校手势舞，非常火，尤其是河南工业大学拍的小姐姐手势舞，一度上榜到热搜。 为什么会上榜？先来看原视频。 那么接下来用Python将视频转为字符动画看看是什么效果？ 脚本代码： #! , 视频文件的路径 :param size: 二元组，(宽, 高)，用于指定生成的字符画的尺寸 :return: 一个img对象的列表，img对象实际上就是 numpy.ndarray def img2chars(img): """ :param img: numpy.ndarray, 图像矩阵 :return: 字符串的列表：图像对应的字符画，其每一行对应图像的一行像素 def play_video(video_chars): """ 播放字符视频 :param video_chars: 字符画的列表，每个元素为一帧 :return:
1.2K10编辑于 2022-07-26 - 来自专栏算法无遗策
LeetCode动画 | 3. 无重复字符的最长子串
今天分享一个LeetCode题，题号是3，标题是：无重复字符的最长子串，题目标签：散列表、双指针和字符串。解题思路里有算法动画视频，别漏看了哦，这是最直观最可视化的解题思路，是精粹。 解题 这道题最简单的方式是使用暴力法，逐个检查所有的子字符串，剔除掉包含重复字符的字符串，然后计算出所有符合条件的字符串的长度，最后得到最大长度。 虽然能得出正确答案，但是会消耗执行用时和计算空间。 假定是输入字符串“pwwkew”，我们可以把字符串里每一个字符都看成一个关键字，一个关键字可以指向直接寻址表的一个槽。 动画：直接寻址表 http://mpvideo.qpic.cn/0b78ceaacaaanmaj5jjn7rpfaeodaeiqaaia.f10002.mp4? 俺啰嗦一点昂，其实回头看动画视频，把直接寻址表忽略掉，光看右边s和e的下标移动，也是和上面代码一样的，妙啊妙啊。 -END- 长按下图二维码关注公众号，「算法无遗策」持续更新算法
81010发布于 2020-02-14 - 来自专栏五分钟学算法
动画：BM 算法中的坏字符规则与好后缀规则
定义 BM算法 的一个特点是当不匹配的时候 一次性可以跳过不止一个字符 。即它不需要对被搜索的字符串中的字符进行逐一比较，而会跳过其中某些部分。通常搜索关键字越长，算法速度越快。 坏字符规则（bad-character shift）：当文本串中的某个字符跟模式串的某个字符不匹配时，我们称文本串中的这个失配字符为坏字符，此时模式串需要向右移动，移动的位数 = 坏字符在模式串中的位置 此外，如果"坏字符"不包含在模式串之中，则最右出现位置为 -1。坏字符针对的是文本串。 坏字符规则 坏字符出现的时候有两种情况进行讨论。 1、模式串中没有出现了文本串中的那个坏字符，将模式串直接整体对齐到这个字符的后方，继续比较。 ? ? 2、模式串中有对应的坏字符时，让模式串中 最靠右 的对应字符与坏字符相对。 这句话有一个关键词是 最靠右。 思考一下为什么是 最靠右？ 看图！ ? ? ? ?
2.2K20发布于 2019-08-20 - 来自专栏一个会写诗的程序员的博客
字符串匹配算法之 KMP 极简动画教程
实现 strStr() 函数 给你两个字符串 haystack 和 needle ，请你在 haystack 字符串中找出 needle 字符串出现的第一个位置（下标从 0 开始）。 本题是经典的字符串单模匹配的模型，因此可以使用字符串匹配算法解决，常见的字符串匹配算法包括暴力匹配、Knuth-Morris-Pratt 算法、Boyer-Moore 算法、Sunday 算法等，本文将讲解 动画图示： ? 当下标为 i=5, j=5 的时候，发现 s[i]!=x[j], 接下来，要开始回溯。 前一个字符的前缀表的数值是2， 所有把下标移动到下标2的位置继续比配。 可以再反复看一下上面的动画。 定义:滑动步长 π(i) 函数如下： s[0..i] 前后等缀最大长度。 e.g. 实现 π(i) 函数 之后，按照上面动画演示的算法步骤实现源代码即可。 如果输入的模式串为 aabaaf，对应的 next 为 0 1 0 1 2 0，（其实这就是前缀表的数值了）。
82830发布于 2021-04-23 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 | 动画运行 )
文章目录 ◯、AnimatedWidget 组件引入 一、创建 AnimatedWidget 动画组件 二、创建动画控制器 三、创建动画 四、动画运行 五、完整代码示例 六、相关资源 AnimatedWidget 动画使用流程 : ① 创建 AnimatedWidget 动画组件 ② 创建动画控制器 ③ 创建动画 ④ 动画运行 ◯、AnimatedWidget 组件引入 ---- 在上一篇博客 【Flutter 】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 ) 中 , 使用动画时 , 需要给动画添加值监听器 动画对象 , 可以自动计算出动画值 , 并自动刷新封装在该 AnimatedWidget 动画组件中的布局组件 ; 创建 AnimatedWidget 动画组件时 , 传入 Animation 对象 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.2K10编辑于 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 - 来自专栏李蔚蓬的专栏
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 - 来自专栏大师级码师
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); // 缓动动画函数
2K00发布于 2021-09-19 - 来自专栏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.6K10发布于 2020-09-11 - 来自专栏波波烤鸭
Vue教程(动画-半场动画)
上篇文章我们介绍了过渡动画的实现，包括完整的 入场 和 离场 动画，但是在实际过程中我们有时可能仅仅需要使用半场动画，比如淘宝购物车的下单处理等。 ? Vue 半场动画 1.基础页面 基础页面设置。 <! 3.JavaScript钩子设定 ball要添加动画的话需要被transition包裹 ? ” 离场动画之前执行beforeLeave方法 v-on:leave=“leave” 离场动画过程中执行的方法 v-on:after-leave=“afterLeave” 离场结束后执行的方法 v-on :leave-cancelled=“leaveCancelled” 离场动画取消时执行的方法 添加钩子方法 ?
1.2K30发布于 2019-07-22 - 来自专栏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
28210编辑于 2025-06-12 - 来自专栏Android开发
Android动画之帧动画
帧动画的原理就是让一系列的静态图片依次播放，实现动画效果。 下面了解一下两种实现帧动画的方式 1.利用 Java 代码实现帧动画 2.利用 xml 实现帧动画（开发中通常使用这种方法实现帧动画） 1.利用 Java 代码实现帧动画 源代码如下： activity_main.xml animationDrawable.stop(); break; } } } 2.利用 xml 实现帧动画（开发中通常使用这种方法实现帧动画 ） 以前还在学校的时候写过一个例子Android中帧动画的简单实现 下面再来一次 (1).帧动画通常在XML 资源进行定义，在 <animation-list …/> 标签下使用 <item …/ > 子元素标签定义动画的全部帧，并指定各帧的持续时间。
38800编辑于 2025-06-12 - 来自专栏前端大合集
Flutter 动画篇 (Hero 动画)
Hero 动画 介绍 你可能经常遇到 hero 动画。比如，页面上显示的代售商品列表。选择一件商品后，应用会跳转至包含更多细节以及“购买”按钮的新页面。 触发动画 导航：通过 Navigator.push 方法将目标路由推送到导航堆栈。 动画触发：当目标路由被推送时，Flutter 会自动处理源 Hero 和目标 Hero 之间的动画。 动画过程 动画计算：Flutter 会计算从源 Hero 到目标 Hero 的动画路径，包括位置和大小的变化。 径向hero 动画 径向 Hero 动画是一种特殊类型的 Hero 动画，它通过从一个点向外扩展或收缩来创建视觉效果，通常用于在页面之间共享元素。 与常规的 Hero 动画相比，径向 Hero 动画更注重从中心点向外的过渡效果。
94910编辑于 2024-12-29 - 来自专栏星河造梦坊专栏
Unity动画☀️动画帧事件
目的： 当模型动画播放到一定进度后，执行某函数 方法： 添加的方法根据模型的不同暂时分为两种： 1、模型为美术人员制作，带有动画： 在模型源文件的Animation-Events处添加即可 2、动画为自己在 解决办法： 点该物体，开始录制动画。 1️⃣ 录制的动画位置发生变化： 原因之一： 在某物体B外面给A录制的动画，最后将A移动到B里面去了。发现位置不对。 解决办法： 在B物体里面对A进行录制动画。 大家还有什么问题，欢迎在下方留言
1.5K10编辑于 2024-08-15 - 来自专栏韩曙亮的移动开发专栏
【Android 属性动画】属性动画 Property Animation 简介 ( 属性动画简介 | 属性动画特性 )
文章目录 一、属性动画简介 二、属性动画特性 一、属性动画简介 ---- 属性动画简介 : 1.动画制作框架 : 属性动画系统 , 允许你 将任何可变的操作制作成动画 , 其功能很强大 ; 2.基本功能 : 使用该框架 , 可以 定义一个随时间改变的动画 ; 3.属性随时间改变 : 动画执行期间 , 修改任意对象的属性 , 其组件的变化生成一个动画 ; 4.不受可见性限制 : 即使 该组件不可见 , 或者绘制在屏幕外部 , 该动画也可以生效 ; 5.属性动画本质 : 属性动画在一个指定的时间段内 , 修改某个属性的值 , 或者某个对象的变量 ; 6.属性动画要素 : 将某个动作制作成属性动画 , 需要 属性动画特性 : 属性动画系统允许指定如下的动画特性 : 1.持续时间 ( Duration ) : 动画的持续时间 ; ① 默认值 : 300ms ( 单位 : 毫秒 ) ; 2.时间差值器 ( Animator Set ) : 可以将动画编组成集合 , 可以有如下逻辑关系 : ① 集合中的动画一起播放 ; ② 集合中的动画按照先后顺序播放 ; ③ 集合中的动画在指定一定的时间延迟后播放
5.3K20编辑于 2023-03-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号