【manim动画教程】--相机

这篇具有很好参考价值的文章主要介绍了【manim动画教程】--相机。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

相机(Camera)在二维的场景下使用不多,一般在3D场景中提及的比较多。
相机相当于我们看动画的视角,简单来理解的话,相当于我们的眼睛(实际情况会复杂一些,相机还有其他一些辅助功能)。

默认的相机焦点在屏幕的中心位置,相机默认是以俯视的视角查看所有的元素。
之前的介绍的常用动画效果高级动画效果,都没有对相机进行调整过,
所以,是通过移动和变换各个元素来实现动画效果。

本篇介绍的相机,则是另一种制作动画的方式,它不改变元素在屏幕或者说在坐标系中的位置,
通过改变相机的位置和角度来实现动画效果。

举个现实世界中的简单例子,如果有个杯子,我们可以通过转动杯子来从各个角度观察杯子;
而如果是一栋楼的话,我们无法移动它,只能围着楼走一圈来观察它,这个过程就相当于移动相机。

下面通过一些实例来看看移动相机带来的不一样的动画效果。

1. 相机移动

相机移动常用的两种方式:

  1. 移动焦点:改变相机的焦点,焦点在那个元素,那个元素就会在屏幕中心
  2. 改变视野:改变相机与元素的距离,离得越远,物体越小。

1.1 移动焦点

manim中移动焦点要继承 MovingCameraScene类,
然后通过 self.camera.frame.animate.move_to函数来移动焦点。

下面的示例构造了一个正方形,一个三角形,然后通过改变焦点来形成元素移动的动画。
实际上元素并没有移动,它们的坐标始终没变,变化的是相机的焦点。

class CameraSample1(MovingCameraScene):
    def _move_focus(self):
        s = Square(color=RED, fill_opacity=0.5)
        t = Triangle(color=GREEN, fill_opacity=0.5)
        vg = VGroup(s, t)
        vg.arrange(RIGHT, buff=MED_LARGE_BUFF)
        self.add(vg)

        self.play(self.camera.frame.animate.move_to(s))
        self.play(self.camera.frame.animate.move_to(t))
        self.play(self.camera.frame.animate.move_to(vg))

    def construct(self):
        self._move_focus()

        self.wait()

运行效果:
相机移动-移动焦点.gif

1.2 改变视野

改变视野通过 self.camera.frame.animate.set方法,通过这个方法设置视野的宽度,可以形成缩放元素的效果。

下面的示例,通过改变视野的宽度,让元素出现放大和缩小的现象,实际上元素并没有变化。
变化的是相机到元素的距离。

class CameraSample1(MovingCameraScene):
    def _scale(self):
        s = Square(color=RED, fill_opacity=0.5)
        self.add(s)

        self.camera.frame.save_state()
        self.play(self.camera.frame.animate.set(width=s.width * 2))
        self.wait(0.3)
        self.play(self.camera.frame.animate.set(width=s.width * 8))
        self.wait(0.3)
        self.play(Restore(self.camera.frame))

    def construct(self):
        self._scale()

        self.wait()

运行效果:
相机移动-改变视野.gif

2. 鹰眼效果

鹰眼的效果是通过两个相机来实现的,两个相机的焦点一样,但是视野不一样。
鹰眼效果一般用在提供全局视图的场合,特别是当元素特别多的时候。

下面示例中,设置了两个相机,缩放的参数为3,zoom_factor=3

class CameraSample2(ZoomedScene):
    def __init__(self, **kwargs):
        ZoomedScene.__init__(
            self,
            zoom_factor=3,
            zoomed_display_height=1,
            zoomed_display_width=2,
            image_frame_stroke_width=5,
            zoomed_camera_config={
                "default_frame_stroke_width": 3,
            },
            **kwargs
        )

    def construct(self):
        s = Square(color=RED, fill_opacity=0.5, side_length=1.5)
        t = Triangle(color=GREEN, fill_opacity=0.5).scale(0.5)
        vg = VGroup(s, t)
        vg.arrange(RIGHT, buff=SMALL_BUFF)
        self.add(vg)
        self.activate_zooming(animate=False)
        self.play(s.animate.shift(LEFT), t.animate.shift(RIGHT))
        self.play(s.animate.rotate(2 * PI / 3), t.animate.rotate(PI / 2))
        self.play(s.animate.shift(RIGHT), t.animate.shift(LEFT))
        self.wait()

运行效果:
鹰眼效果.gif

3. 追踪物体

追踪物体就是将相机的焦点定位在移动的物体上,就像我们坐在火车上的感觉一样,那时,我们觉得火车没动,而是车外的风景不断向后移动。

下面的示例是一个点沿着正弦曲线运动,我们将相机焦点定位在这个点上,感觉就像是曲线在移动。

class CameraSample3(MovingCameraScene):
    def construct(self):
        self.camera.frame.save_state()

        graph = FunctionGraph(
            lambda x: np.sin(x),
            x_range=[-3, 3],
            color=RED,
        )
        d = dot(graph.get_start())
        self.add(graph, d)

        self.play(self.camera.frame.animate.scale(0.5).move_to(d))

        def update_curve(mob):
            mob.move_to(d.get_center())

        self.camera.frame.add_updater(update_curve)
        self.play(MoveAlongPath(d, graph), rate_func=linear, run_time=2)
        self.camera.frame.remove_updater(update_curve)

        self.play(Restore(self.camera.frame))

运行效果:
追踪物体.gif

4. 3D 场景

相机其实主要就是应用在3D场景中的,所以 manim的3D场景类 ThreeDScene中提供了一个非常方便的移动相机的方法 move_camera

下面的示例中,我们用 move_camera方法来改变视角和调整视野。
示例中的球其实一直没动,也就是球上各点的坐标没有改变过。

class CameraSample4(ThreeDScene):
    def construct(self):
        axes = ThreeDAxes()
        sphere = Surface(
            lambda u, v: np.array(
                [
                    1.5 * np.cos(u) * np.cos(v),
                    1.5 * np.cos(u) * np.sin(v),
                    1.5 * np.sin(u),
                ]
            ),
            v_range=[0, TAU],
            u_range=[-PI / 2, PI / 2],
            checkerboard_colors=[BLUE_D, BLUE_E],
            resolution=(15, 32),
        )
        self.add(axes, sphere)

        self.move_camera(phi=75 * DEGREES, theta=30 * DEGREES)
        self.move_camera(zoom=1.5)
        self.move_camera(zoom=0.5)
        self.wait()

运行效果:
3D场景.gif

5. 总结回顾

本篇介绍从另一种角度来实现动画的方式,也就是不改变物体本身,而是改变观察物体的方式。

manim中能够操作相机的类主要有:

  1. MovingCameraScene:改变相机的焦点和视野
  2. ZoomedScene:增加多个相机,多个相机可以从不同的视角同时观察物体
  3. ThreeDScene:3D场景下的相机操作

本文关联的微信视频号短视频:
manim-相机-视频号.png文章来源地址https://www.toymoban.com/news/detail-418526.html

到了这里,关于【manim动画教程】--相机的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • CSS教程--动画

    目录 一.2D转换 1.translate()平移操作 2.rotate() 旋转操作 3.scale() 放大缩小操作 3.1.scaleX() 3.2.scaleY() 4.skew() 倾斜操作 二.3D变换 1.rotateX() 2.rotateY() 3.rota

    2024年02月07日
    浏览(27)
  • Blender骨骼动画简明教程

    Blender 是首选的开源3D动画软件之一。 令人惊讶的是,开始创建简单的角色动画并不需要太多时间。 一旦获得最终的 3D 角色模型,你就可以使用该软件的众多动画功能和工具将其变为现实。 推荐:用 NSDT编辑器 快速搭建可编程3D场景 例如,Blender 的绑定工具将帮助你实现角色

    2024年02月07日
    浏览(38)
  • App复杂动画实现——Rive保姆级教程

    作者:京东物流 沈明亮 在App开发过程中,如果想实现动画效果,可以粗略分为两种方式。一种是直接用代码编写,像平移、旋转等简单的动画效果,都可以这么干,如果稍微复杂点,就会对开发工程师的数学功底、图形图像学功底有很高的要求。 另一种方式,可以让UI同学

    2023年04月23日
    浏览(27)
  • Unity教程3:使用BlendTree控制人物移动动画切换

    目录 创建动画文件 移动动画逻辑以及BlendTree的使用方法  创建移动变量 了解并使用混合树 实现保持移动方向的动画切换 手册链接在这:Unity User Manual (2019.3) - Unity 手册 实现了基本的人物移动代码后,为了使得我们的人物更加的生动有趣,我们还需要实现人物的动画效果。

    2024年02月13日
    浏览(33)
  • 3ds Max图文教程: 创建致命的冠状病毒动画

    推荐: NSDT场景编辑器助你快速搭建可二次开发的3D应用场景 步骤 1 打开  3ds Max 。 打开 3ds Max 步骤 2 在透视视口中创建一个半径为 50, 线段 为  20  的  GeoSphere 。 创建地球 步骤 3 打开修改器列表并将 置换修改器 应用于地理 球。 置换修饰符 步骤 4 单击 地图 的 无 按钮。

    2024年02月15日
    浏览(27)
  • Pygame 基础教程12: 使用 精灵(Sprite) 实现 帧动画(Animation)

    原文链接:https://xiets.blog.csdn.net/article/details/131395288 版权声明:原创文章禁止转载 专栏目录:Pygame 专栏(总目录) 精灵(Sprite) 表示游戏画面中基本的显示元素,前面所介绍的精灵虽然位置可以动态移动,但都是一张静态图片。游戏中还有许多动态的动画精灵,如一只飞翔的

    2024年01月17日
    浏览(44)
  • App复杂动画实现——Rive保姆级教程 | 京东云技术团队

    作者:京东物流 沈明亮 在App开发过程中,如果想实现动画效果,可以粗略分为两种方式。一种是直接用代码编写,像平移、旋转等简单的动画效果,都可以这么干,如果稍微复杂点,就会对开发工程师的数学功底、图形图像学功底有很高的要求。 另一种方式,可以让UI同学

    2023年04月26日
    浏览(29)
  • Unity中使用Mixamo为3D模型添加动画(保姆级教程)

    最近在做为Unity的3D人物添加动画,浅浅记录一下操作方法。 打开Unity Hub,点击New Project,然后按照下图步骤操作: 打开项目——GameObject——3D Object——Plane,这一步非必要,如果已有3D场景,可忽略这一步。 点此打开Mixamo 打开Mixamo后进入如下界面,这里有一些3D角色和动画可

    2024年02月07日
    浏览(42)
  • 【Python实操】一行代码就可以自动画出这种艺术画?(详细教程)

    DiscoArt 是一个很牛逼的开源模块,它能根据你给定的自动绘画。 绘制过程是完全可见的,你可以在 jupyter 页面上看见这个绘制的过程: 开始之前,你要确保Python和pip已经成功安装在电脑上,如果没有,可以访问这篇文章:超详细Python安装指南 进行安装。 (可选1) 如果

    2023年04月09日
    浏览(27)
  • 51k+ Star!动画图解、一键运行的数据结构与算法教程!

    大家好,我是 Java陈序员 。 我们都知道,《数据结构与算法》 —— 是程序员的必修课。 无论是使用什么编程语音,亦或者是前后端开发,都需要修好《数据结构与算法》这门课! 在各个互联网大产的面试中,对数据结构和算法的考核乐此不疲。往往《数据结构与算法》学

    2024年02月05日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包