Table of Contents

Acknowledgements and Contributor ListAuthor BioIntroduction and Best PracticesChapter 1: Designing Graphically with the Language of CodeGetting Started & Basic OverviewLesson 1.1: Pixel Grid SystemLesson 1.2: Code and Canvas WindowsLesson 1.3: More ShapesLesson 1.4: GrayscaleLesson 1.5: Syntax, Comments, and Order of CodeLesson 1.6: Line Commands (Stroke and No Stroke)Lesson 1.7: Coloring PixelsLesson 1.8: Adding Transparency ValuesLesson 1.9: The Processing Reference - Important Resource!Project: Geometric DesignChapter 2: Creating Responsive EnvironmentsLesson 2.1: Dynamic Computer ProgramsLesson 2.2: First AnimationsLesson 2.3: Animation Trails Lesson 2.4: Finding Exact CoordinatesLesson 2.5: Complex ShapesLesson 2.6: Linking Shapes for Synched MovementLesson 2.7: Adding TextLesson 2.8: Rotating ShapesProject: Interactive EnvironmentChapter 3: Automated AnimationsLesson 3.1: Counting VariablesLesson 3.2: Moving Objects in Multiple DirectionsLesson 3.3: Growing Shapes with the MouseLesson 3.4: Println() for DebuggingLesson 3.5: Constrain() for Stopping AnimationsLesson 3.6: Random() OpportunitiesLesson 3.7: Automated RotationsProject: Automated EnvironmentChapter 4: Animated CollagesLesson 4.1: Preparing and Importing ImageryLesson 4.2: Moving ImagesLesson 4.3: Fading and Coloring Images using Tint()Lesson 4.4: Resizing Images & MultiplesLesson 4.5: Constraining Mouse MovementsLesson 4.6: Void Key Pressed() and Image RotationsLesson 4.7: Create FontsLesson 4.8: Project Optimization and noSmooth()Project: Animated and Interactive CollageChapter 5: Conditional Interactions and Rollovers Lesson 5.1: Conditional Statements and Relational Operators Lesson 5.2: Conditional Statements with Custom Variables Lesson 5.3: And vs. Or Lesson 5.4: Logical Operators Defining Spaces Lesson 5.5: Variations with Mouse and Keyboard ActionsLesson 5.6: Two Variables: Alternating MovementsLesson 5.7: Color Detection Using the Get() FunctionProject: Rollover AnimationChapter 6: Events and Interactions for Simple Games: Part 1 Lesson 6.1: Turning Things on with Boolean Variables Lesson 6.2: Toggling Between Two States Using Boolean Variables Lesson 6.3: Multiple Buttons Alternating Lesson 6.4: Booleans Working with Counting Variables Lesson 6.5: Specific Keyboard Interactions Lesson 6.6: Creating a Walking CharacterLesson 6.7: BoundariesChapter 7: Events and Interactions for Simple Games: Part 2 Lesson 7.1: TimersLesson 7.2: Continuous Motion Key ControlsLesson 7.3: For Loops are EfficientLesson 7.4: Color Detection with For LoopsLesson 7.5: Game Creation from Keys, Loops, and Color DetectionLesson 7.6: Image Collisions with the Distance() FunctionLesson 7.7: Two Players, Directional Movement, and Jumping!Chapter 8: Multilevel Architectures and Arrays Lesson 8.1: Basic Levels ArchitectureLesson 8.2: States within LevelsLesson 8.3: ArraysLesson 8.4: Image ArraysLesson 8.5: Player OptionsLesson 8.6: Choice Based ProjectsConclusionFinal Project: Multilevel Interactive Experience

About the Author

Margaret Noble was born in Texas, raised in San Diego, and received her key artistic training in Chicago. She holds a B.A. in Philosophy from the University of California, San Diego and an MFA in Studio and Sound Art from the School of the Art Institute of Chicago. Margaret Noble is an accomplished media producer with a background in public education, artistic production, and large-scale exhibition development. Her artworks have been exhibited nationally and internationally. Margaret Noble came to education from industry as a professional artist. Throughout her 13+ years of teaching in secondary and higher education, she has consistently supported diverse learners in producing meaningful, community driven, multimedia projects. Margaret and her students have also received several awards and recognitions for their classroom projects including features in Edutopia and Wired magazine. To learn more about Margaret Noble's work, please visit: https://www.margaretnoble.com/