# Help with Animating Transformations

Hi! I am new to creating custom activities with CL. I love the Connecting the Dots activity that was recently released by Desmos, and want to modify one of the screens to perform other transformations.

Here is a link to the screen I copied from this activity:

https://teacher.desmos.com/activitybuilder/custom/5f8db97a0211840b13b667ef

Can someone explain to me what needs to be changed in CL or on the graph to show the check animation after students move the points as a translation, rotation, or dilation instead of the rotation? There seems to be a lot going on here, and I am not sure where to start. My goal is to utilize this same structure in an activity that requires each type of transformation.

Hi Nick,

Here’s a bit of commenting around the CL that should point you in the right direction. Note that this graph was built to only do a single transformation at a time, so depending on what you pass down for t_{select}, some of these values won’t actually influence your graph.

``````# Choose transformation type:
#     1= Translation
#     2= Reflection across an axis
#     3= Rotation around origin
number("t_{select}"): 3

# Translation:
number("d_x"): 0 # Horizontal displacement
number("d_y"): 0 # Vertical displacement

# Reflection axis:
#   1= x-axis
#   2= y-axis
#   0= none
number("r_{axis}"): 0 #

# Rotation angle (in degrees, counterclockwise around the origin)
number("r_{angle}"): 180
``````

Thanks so much. This is exactly what I needed! My students thank you!

@aknauft, I have made a lot of progress in developing activities for our Transformations unit thanks to your help. However, I am now stuck at the point of trying to perform a reflection over a line other than one of the axes.

In this screen, I would like to be able to press the “Draw It” button to reflect the triangle over the line x=2 instead of the y-axis. What do I need to change in order to make this happen?

`[https://teacher.desmos.com/activitybuilder/custom/5f90fdcb408be036ce973906](https://teacher.desmos.com/activitybuilder/custom/5f90fdcb408be036ce973906)`