# Transformations: Sliding Horizontally and Verticaly **URL:** \ **Category:** Questions\ **Created:** [February 12, 2020, 5:03pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704 "2020-02-12T17:03:33Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![kayarenas](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/kayarenas/32/151_2.png) [@kayarenas](https://cl.desmos.com/u/kayarenas)\ **Post date:** [February 12, 2020, 5:03pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/1 "2020-02-12T17:03:33Z")
I took Jay’s activity “Transform Shape” to model it with our teachers to use with their students. They loved the activity! They wanted to know if a couple of items could be added on slide 1. 1. For translations to slide horizontally and vertically separately. 2. Either label the vertices on the preimage or color code to where each vertex is a different color. Thank you Jay!!! > **[Transform Shape • Activity Builder by Desmos](https://teacher.desmos.com/activitybuilder/custom/5e4211087dc45b428f877c24)** > > by Kay Arenas ---
**Author:** ![Daniel\_Grubbs](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/daniel_grubbs/32/719_2.png) [@Daniel\_Grubbs](https://cl.desmos.com/u/Daniel_Grubbs)\ **Post date:** [February 12, 2020, 6:16pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/2 "2020-02-12T18:16:36Z")
I changed the start and duration for the x and y so the y starts changing when the x ends. ![Capture](https://canada1.discourse-cdn.com/flex031/uploads/desmos/original/1X/0795e07c0c45303e45f34a5d4805bcc0826d8d46.png) The first 2.5 was originally 5 and the second was originally 0. ---
**Author:** ![kayarenas](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/kayarenas/32/151_2.png) [@kayarenas](https://cl.desmos.com/u/kayarenas)\ **Post date:** [February 12, 2020, 6:30pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/3 "2020-02-12T18:30:18Z")
Exactly what I needed! Thank you! Now if anyone has a way to change the vertices of the preimage to show labels or change colors. Thank you again! ---
**Author:** ![Daniel\_Grubbs](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/daniel_grubbs/32/719_2.png) [@Daniel\_Grubbs](https://cl.desmos.com/u/Daniel_Grubbs)\ **Post date:** [February 12, 2020, 9:27pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/4 "2020-02-12T21:27:31Z")
You’d need specific points to change colors and labels. Something like this: ![Capture](https://canada1.discourse-cdn.com/flex031/uploads/desmos/original/1X/277f63b590b885743764d05aaf3285675648f3ff.png) The brackets reference the position in the list. You could deselect the purple next to Y\_1 if you don’t want those to display. ---
**Author:** ![Daniel\_Grubbs](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/daniel_grubbs/32/719_2.png) [@Daniel\_Grubbs](https://cl.desmos.com/u/Daniel_Grubbs)\ **Post date:** [February 12, 2020, 9:29pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/5 "2020-02-12T21:29:54Z")
Also, I recently posted this, since you’re missing rotations in that presentation. > [@Function to rotate a point/polygon](https://cl.desmos.com/t/function-to-rotate-a-point/703): > > Wanted something to animate rotation of some figures, so I created this set of functions to rotate a point P d degrees about a center C. Enjoy! [Rotating a Point around a Center](https://www.desmos.com/calculator/dhtqauf0cc) (New link w/ bugs fixed) Edit: You can also rotate polygons by inserting a list of points and using the polygon function polygon(R([L,M,N],C,d) ---
**Author:** ![kayarenas](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/kayarenas/32/151_2.png) [@kayarenas](https://cl.desmos.com/u/kayarenas)\ **Post date:** [February 13, 2020, 3:30am UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/6 "2020-02-13T03:30:46Z")
I’ll be sure to add that as well. Thank you! ---
**Author:** ![Micah\_Baldree](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/micah_baldree/32/387_2.png) [@Micah\_Baldree](https://cl.desmos.com/u/Micah_Baldree)\ **Post date:** [February 20, 2020, 4:21pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/7 "2020-02-20T16:21:36Z")
Could you post your final version. Would be interested to see what you’ve come up with. ---
**Author:** ![kayarenas](https://yyz1.discourse-cdn.com/flex031/user_avatar/cl.desmos.com/kayarenas/32/151_2.png) [@kayarenas](https://cl.desmos.com/u/kayarenas)\ **Post date:** [February 20, 2020, 5:36pm UTC](https://cl.desmos.com/t/transformations-sliding-horizontally-and-verticaly/704/8 "2020-02-20T17:36:24Z")
Here is my final version…for now. You don’t get to the translation rule until slide 15. Beginning on slide 2, I copied the graphs so I could disable the transformation movement on the initial slide. Students enter the rule and move the points accordingly. The transformation takes place on the following slide. I only applied the horizontal and vertical movement to the translation slide because I didn’t like the effect it had on the other transformations. Hope this makes sense. > **[Transform Shape • Activity Builder by Desmos](https://teacher.desmos.com/activitybuilder/custom/5e4211087dc45b428f877c24)** > > by Kay Arenas