> For the complete documentation index, see [llms.txt](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation.md).

# Unit 4: Motion, Objects, Transformation

- [Unit 4 Overview](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/unit-4-overview.md)
- [U4LA1.1: Intro to Motion with Flipbooks](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la1.1-intro-to-motion-with-flipbooks.md): How can I move a shape on the x axis?
- [U4LA1.2: Move in All Directions && Make it Bounce](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la1.2-move-in-all-directions-and-and-make-it-bounce.md): How can I make objects move in different directions?
- [U4LA2.1: Introduction to Classes and Objects](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la2.1-introduction-to-classes-and-objects.md): How can I use a class to construct multiples of an object?
- [U4LA2.2: Reading and Updating Object Properties](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la2.2-reading-and-updating-object-properties.md): How can I read and update properties/attributes of an object?
- [U4LA2.3: Methods Off Canvas](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la2.3-methods-off-canvas.md): How can I add methods to a class to give more functionality to my objects?
- [U4LA2.4: Objects on Canvas](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la2.4-objects-on-canvas.md): How can I use classes and objects with the p5.js library?
- [U4LA2 Mini Project: Build a Tamagotchi](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la2-mini-project-build-a-tamagotchi.md): How can I use Classes/Objects on canvas to build a digital pet?
- [U4LA3.1: Creating Many Objects](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la3.1-creating-many-objects.md): How can I use Classes, arrays, and for loops to generate many objects?
- [🗃 Optional U4LA3 Mini Project: Rebuild with Objects](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/optional-u4la3-mini-project-rebuild-with-objects.md): How can I rebuild a prior project using object oriented programming?
- [U4LA4.1: Translation Battleship](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la4.1-translation-battleship.md): How can I move the canvas origin to effect the position of shapes?
- [U4LA4.2: Rotations](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la4.2-rotations.md): How can I make objects rotate?
- [U4LA5.1: Sine && Oscillating Motion](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la5.1-sine-and-and-oscillating-motion.md): How can I draw with trigonometric functions in p5?
- [U4LA5.2: Cosine && Circular Motion](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/u4la5.2-cosine-and-and-circular-motion.md): How can I use cosine to create circular motion?
- [Unit 4 Final Project: Animated Greeting Card || PSA](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-4-motion-objects-transformation/unit-4-final-project-animated-greeting-card-or-or-psa.md): How can I showcase my skills in an animated program?