book

Getting Started with Processing.py

by Allison Parrish, Ben Fry, Casey Reas

May 2016

Beginner

242 pages

4h 19m

English

Make: Community

Read now

Unlock full access

How This Book Is OrganizedWho This Book Is ForConventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgments
Sketching and PrototypingFlexibilityGiantsFamily TreeJoin In
Python ModeYour First ProgramExample 2-1: Draw an EllipseExample 2-2: Make CirclesShowSave and NewShareExamples and Reference
The Display WindowExample 3-1: Draw a WindowExample 3-2: Draw a PointBasic ShapesExample 3-3: Draw a LineExample 3-4: Draw Basic ShapesExample 3-5: Draw a RectangleExample 3-6: Draw an EllipseExample 3-7: Draw Part of an EllipseExample 3-8: Draw with DegreesDrawing OrderExample 3-9: Control Your Drawing OrderExample 3-10: Put It in ReverseShape PropertiesExample 3-11: Set Stroke WeightExample 3-12: Set Stroke CapsExample 3-13: Set Stroke JoinsDrawing ModesExample 3-14: On the CornerColorExample 3-15: Paint with GraysExample 3-16: Control Fill and StrokeExample 3-17: Draw with ColorExample 3-18: Set TransparencyCustom ShapesExample 3-19: Draw an ArrowExample 3-20: Close the GapExample 3-21: Create Some CreaturesCommentsRobot 1: Draw
First VariablesExample 4-1: Reuse the Same ValuesExample 4-2: Change ValuesMaking VariablesProcessing VariablesExample 4-3: Adjust the Size, See What FollowsA Little MathExample 4-4: Basic ArithmeticRepetitionExample 4-5: Do the Same Thing Over and OverExample 4-6: Use a for LoopExample 4-7: Flex Your for Loop’s MusclesExample 4-8: Fanning Out the LinesExample 4-9: Kinking the LinesExample 4-10: Embed One for Loop in AnotherExample 4-11: Rows and ColumnsExample 4-12: Pins and LinesExample 4-13: Halftone DotsRobot 2: Variables
Once and ForeverExample 5-1: The draw() FunctionExample 5-2: The setup() FunctionExample 5-3: Global VariablesFollowExample 5-4: Track the MouseExample 5-5: The Dot Follows YouExample 5-6: Draw ContinuouslyExample 5-7: Set Thickness on the FlyExample 5-8: Easing Does ItExample 5-9: Smooth Lines with EasingModifying Global VariablesClickExample 5-10: Click the MouseExample 5-11: Detect When Not ClickedExample 5-12: Multiple Mouse ButtonsLocationExample 5-13: Find the CursorExample 5-14: The Bounds of a CircleExample 5-15: The Bounds of a RectangleTypeExample 5-16: Tap a KeyExample 5-17: Draw Some LettersExample 5-18: Check for Specific KeysExample 5-19: Move with Arrow KeysMapExample 5-20: Map Values to a RangeExample 5-21: Map with the map() FunctionRobot 3: Response
TranslateExample 6-1: Translating LocationExample 6-2: Multiple TranslationsRotateExample 6-3: Corner RotationExample 6-4: Center RotationExample 6-5: Translation, Then RotationExample 6-6: Rotation, Then TranslationExample 6-7: An Articulating ArmScaleExample 6-8: ScalingExample 6-9: Keeping Strokes ConsistentPush and PopExample 6-10: Isolating TransformationsRobot 4: Translate, Rotate, Scale
ImagesExample 7-1: Load an ImageExample 7-2: Load More ImagesExample 7-3: Mousing Around with ImagesExample 7-4: Transparency with a GIFExample 7-5: Transparency with a PNGFontsExample 7-6: Drawing with FontsExample 7-7: Draw Text in a BoxExample 7-8: Store Text in a StringShapesExample 7-9: Draw with ShapesExample 7-10: Scaling ShapesExample 7-11: Creating a New ShapeRobot 5: Media
FramesExample 8-1: See the Frame RateExample 8-2: Set the Frame RateSpeed and DirectionExample 8-3: Move a ShapeExample 8-4: Wrap AroundExample 8-5: Bounce Off the WallTweeningExample 8-6: Calculate Tween PositionsRandomExample 8-7: Generate Random ValuesExample 8-8: Draw RandomlyExample 8-9: Move Shapes RandomlyTimersExample 8-10: Time PassesExample 8-11: Triggering Timed EventsCircularExample 8-12: Sine Wave ValuesExample 8-13: Sine Wave MovementExample 8-14: Circular MotionExample 8-15: SpiralsRobot 6: Motion
Function BasicsExample 9-1: Roll the DiceExample 9-2: Another Way to RollMake a FunctionExample 9-3: Draw the OwlExample 9-4: Two’s CompanyExample 9-5: An Owl FunctionExample 9-6: Increasing the Surplus PopulationExample 9-7: Owls of Different SizesReturn ValuesExample 9-8: Return a ValueRobot 7: Functions

Fields and MethodsDefine a ClassCreate ObjectsExample 10-1: Make an ObjectExample 10-2: Make Multiple ObjectsCode in TabsRobot 8: Objects
From Variables to ListsExample 11-1: Many VariablesExample 11-2: Too Many VariablesExample 11-3: Lists, Not VariablesList OperationsExample 11-4: Declare and Append to a ListExample 11-5: Compact List InitializationExample 11-6: Revisiting the First ExampleRepetition and ListsExample 11-7: Filling a List in a for LoopExample 11-9: Track Mouse MovementsLists of ObjectsExample 11-10: Managing Many ObjectsExample 11-11: A New Way to Manage ObjectsExample 11-12: Sequences of ImagesRobot 9: Lists
Data SummaryDictionariesExample 12-1: (Keyboard) Keys as (Dictionary) KeysLists of DictionariesExample 12-2: The PlanetsCSV FilesExample 12-3: Read the DataGetting the Right TypeExample 12-4: Draw the TableExample 12-5: 29,740 CitiesJSONExample 12-6: Read a JSON FileExample 12-7: Visualize Data from a JSON FileNetwork Data and APIsExample 12-8: Parsing the Weather DataExample 12-9: Chaining Square Brackets Robot 10: Data
SoundExample 13-1: Play a SampleExample 13-2: Listen to a MicrophoneExample 13-3: Create a Sine WaveImage and PDF ExportExample 13-4: Saving ImagesExample 13-5: Draw to a PDFHello, ArduinoExample 13-6: Read a SensorExample 13-7: Read Data from the Serial PortExample 13-8: Visualizing the Data StreamExample 13-9: Another Way to Look at the Data
Functions and ParametersColor CodingCommentsUppercase and LowercaseStyleConsoleOne Step at a Time
Python VersionsBuilt-In Function NamesColorsPython Standard LibraryProcessing Libraries and Example Code

Content preview from Getting Started with Processing.py

Chapter 3. Draw

At first, drawing on a computer screen is like working on graph paper. It starts as a careful technical procedure, but as new concepts are introduced, drawing simple shapes with software expands into animation and interaction. Before we make this jump, we need to start at the beginning.

A computer screen is a grid of light elements called pixels. Each pixel has a position within the grid that is defined by coordinates. In Processing, the x coordinate is the distance from the left edge of the Display Window, and the y coordinate is the distance from the top edge. We write coordinates of a pixel like this: (x, y). So, if the screen is 200×200 pixels, the upper-left is (0, 0), the center is at (100, 100), and the lower-right ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Publisher Resources

ISBN: 9781457186820Errata Page

Getting Started with Processing.py

by Allison Parrish, Ben Fry, Casey Reas

Chapter 3. Draw

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Introduction to D3.js with React

Beginning HTML5 Games with CreateJS

Pro D3.js: Use D3.js to Create Maintainable, Modular, and Testable Charts

Delphi Quick Syntax Reference: A Pocket Guide to the Delphi and Object Pascal Language

Publisher Resources

Chapter 3. Draw

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,and much more.

You might also like

Introduction to D3.js with React

Beginning HTML5 Games with CreateJS

Pro D3.js: Use D3.js to Create Maintainable, Modular, and Testable Charts

Delphi Quick Syntax Reference: A Pocket Guide to the Delphi and Object Pascal Language

Publisher Resources

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.