Tutorials
Video Tutorials
Links to videos that cover the Processing basics.
![Image for the Hello Processing tutorial]() - Hello ProcessingA quick intro guiding you to create a simple drawing tool. No software install needed.
![Image for the Learning Processing tutorial]() - Learning ProcessingA complete introductory course on Processing, designed for complete beginners.
![Image for the Debug tutorial]() - DebugLearn how to pause and step through your running code with the Processing Debugger.
![Image for the The Coding Train tutorial]() - The Coding TrainAll aboard the Coding Train with Daniel Shiffman, a YouTube channel dedicated to beginner-friendly creative coding tutorials and challenges.
![Image for the 2D Animation & Interaction tutorial]() - 2D Animation & InteractionAn 8-week online video class that will teach you to create powerful, expressive, and interactive computer graphics.
![Image for the Fun Programming tutorial]() - Fun ProgrammingWrite short programs in Processing that generate graphics and animation.
![Image for the Happy Coding tutorial]() - Happy CodingLearn to code using Processing, from functions and variables to libraries and exporting applications.
![Image for the Plethora Project tutorial]() - Plethora ProjectThese video tutorials cover issues of programming and computational design issues in Processing.
Text Tutorials
A collection of step-by-step lessons covering beginner, intermediate, and advanced topics.
![Image for the Getting Started tutorial]() - Getting StartedWelcome to Processing! This introduction covers the basics of writing Processing code.Level: Beginner
![Image for the Processing Overview tutorial]() - Processing OverviewA little more detailed introduction to the different features of Processing than the Getting Started tutorial.Level: Beginner
![Image for the Coordinate System and Shapes tutorial]() - Coordinate System and ShapesDrawing simple shapes and using the coordinate system.Level: Beginner
![Image for the Color tutorial]() - ColorAn introduction to digital color.Level: Beginner
![Image for the Objects tutorial]() - ObjectsThe basics of object-oriented programming.Level: Beginner
![Image for the Interactivity tutorial]() - InteractivityIntroduction to interactivity with the mouse and keyboard.Level: Beginner
![Image for the Typography tutorial]() - TypographyWorking with typefaces and text.Level: Beginner
![Image for the Strings and Drawing Text tutorial]() - Strings and Drawing TextLearn how use the String class and display text onscreen.Level: Intermediate
![Image for the Arrays tutorial]() - ArraysHow to store and access data in array structures.Level: Intermediate
![Image for the Images and Pixels tutorial]() - Images and PixelsHow to load and display images as well as access their pixels.Level: Intermediate
![Image for the Curves tutorial]() - CurvesLearn how to draw arcs, spline curves, and bezier curves.Level: Intermediate
![Image for the 2D Transformations tutorial]() - 2D TransformationsLearn how to translate, rotate, and scale shapes using 2D transformations.Level: Intermediate
![Image for the PShape tutorial]() - PShapeHow to use the PShape class in Processing.Level: Intermediate
![Image for the Two-Dimensional Arrays tutorial]() - Two-Dimensional ArraysStore and acess data in a matrix using a two-dimensional array.Level: Intermediate
![Image for the Sound tutorial]() - SoundLearn how to play, analyze, and synthesize sound with the Sound Library.Level: Intermediate
![Image for the Electronics tutorial]() - ElectronicsControl physical media with Processing, Arduino, and Wiring.Level: Intermediate
![Image for the Network tutorial]() - NetworkAn introduction to sending and receiving data with clients and servers.Level: Intermediate
![Image for the Print tutorial]() - PrintUse Processing to output print quality images and documents.Level: Intermediate
![Image for the PVector tutorial]() - PVectorAn introduction to useing the PVector class in Processing.Level: Advanced
![Image for the P3D tutorial]() - P3DDeveloping advanced graphics applications in Processing using P3D (OpenGL) mode.Level: Advanced
![Image for the Video tutorial]() - VideoHow to display live and recorded video.Level: Advanced
![Image for the Render Techniques tutorial]() - Render TechniquesTools for rendering geometries in Processing.Level: Intermediate





























