Introduction: Animate a Math Object With a Trace Path Using Python Manim Library

By Join my patreon community
About: I am a science and technology enthusiast. I believe sharing our knowledge and experience will make the world a better place.

Manim is a python library used to create beautiful animation, especially if you want to visualize a mathematical concept. it was invented by 3blue1brown.

Unfortunately, the explanation in the documentation of manim is challenging to grasp especially for beginners. Since understanding the basics of any technology is key to building a mental framework and how you can reinvent the wheel, this article will try to explain some simple basic concepts that will explain some code in the documentation.

Supplies

we will be using google colab to run the code. just run the following code to install the manim library and its dependencies. 

!sudo apt update
!sudo apt install libcairo2-dev ffmpeg \
texlive texlive-latex-extra texlive-fonts-extra \
texlive-latex-recommended texlive-science \
tipa libpango1.0-dev
!pip install manim
!pip install IPython — upgrade

Step 1: Understand the Manim Coordinate System.

This is very important when positioning your objects in the scene canvas. 

In manim, maths object (mobject) is the basic object that we add to our scene canvas and also animate.

All mobjects are positioned at the centre of the canvas i.e. (0,0) coordinate by default. every cell represents one Munit (manim unit)

When you count the cell in the height, you get 8 Munit and the width will give you around 14.22 Munit. I will be creating a cheat sheet in positioning manim mobjects soon.

Step 2: Import All Classes, Methods and Functions From the Library

The next step is to import all classes, methods and functions from the library. I have an ebook where I explain all the classes and methods we will use in detail through this link.

from manim import *


Step 3: The Code 

# we use this line to run our code in jupyter or colab notebook specifying our quality of rendering
%%manim -qm -v WARNING  TraceDot
	

#create a class that will inherit from the Scene class
# we create the canvas for dispaying our mobject
	

class TraceDot(Scene):
	

     # This method is where we implement our animation
	 def construct(self):
	      
	      # we instatiate our Dot object and move 2 Munit to the right from origin
	      a = Dot(RIGHT * 2)
	    
	      # we instatiate our trace object from the tracepath class
	      b = TracedPath(a.get_center, dissipating_time=0.9, stroke_opacity=[0, 1])
	     
	      # we add our object to the scene canvas
	      self.add(a, b)
	      # we animate our dot rotating in a circle counterclock wise and shifting from original position      
	      self.play(a.animate(path_arc=8).shift(LEFT * 2), run_time=2)
	      
	      # we animate our dot rotating in a circle clock wise and shifting two Munit left further
	      self.play(a.animate(path_arc=-8 ).shift(LEFT * 2), run_time=2)
	      
	      # we animate our dot rotating in a circle counterclock wise and two Munit left further
	      self.play(a.animate(path_arc=8 ).shift(LEFT * 2), run_time=2)
	      
	      self.wait()

Step 4: Our Result

Step 5: Conclusion

Experimenting with python and manim library can be a fun way to learn programming, especially objected-oriented concepts. you will be able to see the result of code through animating mathematical objects(mobjects) and concepts. my next article will be on animating functions and plotting the results.