manim是基于python语言开发的开源框架，是由 3blue1brown 开发的。 本来是他们自己用来制作数学视频用的，因为其友好的API和漂亮的UI效果，在开源之后，立刻流行起来。 原先开源的地址是： 后来托管给了社区，现在安装最新的版本请从这里下载： 改版之后，命令行更加清晰，简单。 支持的
制作数学视频时，各类几何图形是使用最频繁的。 一般来说，常用的几何图形包括：点，线，圆以及多边形。 1. 点 点是最简单图形，也是其他所有图形的基础。 绘制其他任何图形时，都是用点来定位的。 manim中生成一个点很方便，只要给定一个坐标即可。 这里的坐标包含 [x, y, z]3个维度，如果绘制二
manim绘制图形时，除了上一节提到的那些必须的参数，还有一些可选的参数， 这些参数可以控制图形显示的样式。 绘制各类基本图形（点，线，圆，多边形等）时，每个图形都有自己的默认的样式，比如上一节的图形， 有的默认是白色，有的默认是红色。 控制图形样式的参数最常用的有以下四个： stroke_widt
manim中提供了两种方式来表示文字信息，一种是 Text系列，一种是 Tex系列。 从目前我自己的使用的体验来看， Text系列在显示文字信息方面，提供了更多的的属性来调整显示效果。如果有大段的文字要排版，或者对文字的显示效果要求高的话，建议使用 Text。 而 Tex系列最大的优势是支持 Lat
文本的样式主要指颜色和字体相关的属性设置。 对于manim的两个文本对象 Text和 Tex来说， Text对象有更多的属性可以调整样式，相对来说，由于 Tex主要用来显示数学公式，所以关于样式的属性要少一些。 下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。 1. 颜色相关 颜色设置主
没有引入坐标系之前，在绘制图形时，也有一个隐含的坐标系，它和屏幕的像素相关。 比如，我们之前示例中的各个图形，屏幕的中心就是坐标原点（[0, 0]）, 横轴坐标的范围大概是 [-3.5, 3.5]，纵轴的坐标范围大概是 [-4, 4]，这个范围与设置的视频分辨率有关，分辨率设置的越高的话，坐标范围越
GSAP 3Blue1Brown给我留下了深刻印象。利用动画制作视频，内容简洁，演示清晰。前两天刚好碰到一件事，我就顺便学习了一下怎么用代码做动画。 以javascrip为例，有两个动画引擎，GSAP和Animajs。由于网速的原因，询问了GPT后，我选择了GSAP来制作我的第一个动画视频。 制作动
在可视化展现中，动画是强化数据表达，吸引用户的重要技术手段，本文将介绍动画的三种实现形式，以及如何具体地在HTML/CSS和Shader中去实现动画。
title: Vue.js 动画与过渡效果实战 date: 2024/6/4 updated: 2024/6/4 description: 这篇文章介绍了如何在网页设计中使用过渡动画和组件效果，以及如何利用模式和列表展示信息。还提到了使用钩子实现组件间通信的方法。 categories: 前端开发
目录一、低级别动画 API1.1 animate*AsState1.2 Animatable1.3 Transition 动画1.3.1 updateTransition1.3.2 createChildTransition1.3.3 封装并复用 Transition 动画1.4 remeberIn
前言 页面转场动画是指在应用程序中，当用户导航到另一个页面时，使用动画效果来过渡页面之间的切换。这样做的目的是为了提升用户体验，使页面之间的切换更加平滑和有趣。 常见的页面转场动画包括淡入淡出、滑动、翻转、缩放等效果。通过使用这些动画效果，可以给用户一种流畅的感觉，让页面之间的切换更加自然。 在
前言 在HarmonyOS中，可以通过以下方法放大缩小视图： 使用缩放手势：可以使用双指捏合手势来放大缩小视图。将两个手指放在屏幕上，并向内或向外移动手指，即可进行放大或缩小操作。 使用系统提供的缩放控件：在HarmonyOS的开发中，可以使用系统提供的缩放控件来实现视图的放大缩小功能。通过在布
华丽炫酷的动画特效总能够让人心旷神怡，不能自已。艳羡之余，如果还能够探究其华丽外表下的实现逻辑，那就是百尺竿头，更上一步了。本次我们使用图片、SCSS样式以及SVG图片动画来实现“点赞”按钮的动画特效，并比较不同之处。 图片实现 最简单，也最容易理解的实现方式就是使用图片。曾几何时，几乎所有前端特效
简介 flutter中有默认的Route组件，叫做MaterialPageRoute，一般情况下我们在flutter中进行跳转的话，只需要向Navigator中传入一个MaterialPageRoute就可以了。 但是MaterialPageRoute太普通了，如果我们想要做点不同的跳转特效应该如何
简介 什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？ 答案是肯定的，一起来看看
https://www.bilibili.com/video/BV1w54y1Q7cZ?p=6 星空背景绘制 绘制矩形框 背景不再被拖动 处理前先复制一份，用于后面做激光效果 星星效果 再次组合 按Shift 变小，放页面中间 渐变激光 插入一个矩形 绘制流星 复制新幻灯片 细直线，设置透明度，0.
Windows 10 系统自带 画图3D，可以无缝和PPT衔接在一起 百度找一张图片 拖动，包围 到PPT中，插入3D模型（只有 office 365 有) 我这边没有，所以不好继续了 视频地址：(https://www.bilibili.com/video/BV1w54y1Q7cZ?p=7)[ht
https://www.iconfont.cn/ 插入，起点、终点，两图标 编辑顶点，调整路线 添加淡出动画，持续时间1秒 再添加直线 从上一项开始 效果选项中，选择自动翻转 计时 -> 期间 快速1秒 -> 重复 2次 点击起点图标 -> 动画刷 -> 点击红色终点 -> 从上一项之后开始
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 回顾传统React动画 对于普通的 React 动画，我们大多使用官方推荐的 react-transition-group，其提供了四个基本组件 Tra
概要 前端时间做尺规作图相关的动画的时候，封装了一个圆规的动画，顺便研究了下 manim 库的动画函数。 manim 本身就是做动画的库，所以，基于它封装自定义的动画非常方便。 动画原理 对于单个的元素，manim本身就提供了非常多的动画函数。 比如：创建/消除的动画，移动元素的动画，旋转元素的动画
