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:

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.

Thank you for any help you can provide!

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?


Thanks for any help you can provide!

The graphs in here might help: Graph Links - Transformation Helpers • Activity Builder by Desmos