TUTORIAL
Si tratta di leggere elaborazioni degli esempi ufficiali
- http://processingjs.org/learning/basic
- http://processingjs.org/learning/topic
- http://processingjs.org/learning/custom
- http://processingjs.org/exhibition
DEMO
Basic
- Structure: Statements and Comments :: Coordinate :: Width and Height :: Setup and Draw :: No Loop :: Loop :: Redraw :: Functions :: Recursion #1 :: Recursion #2 :: Create Graphics
- Form: Points and Lines :: Pie Chart :: Vertices :: Triangle Strip
- Data: Variables, Integer and Floats, True/False, Characters and Strings, Datatype Conversion, Variable Scope
- Control: Iteration, Embedded Iteration, Conditionals #1, Conditionals #2, Logical Operators
- Image: Load and Display, Image Background, Image Transparency, Sprite, Alphamask Create Image Request Image, Pointillism
- Shape: Load and Display, Shape, Disable Style Scale Shape Get Child
- Typography: Letters Words
- Color: Hue Saturation Brightness :: Hue Saturation Brightness :: Color Wheel, Reading Creating Relativity Linear Gradient Radial Gradient Wave Gradient
- Math: Increment/Decrement Operator, Precedence, Modulo, Distance 1D :: Distance 2D :: Sine :: Sine and Cosine :: Sine Wave Additive, Wave Polar to Cartesian, Arctangent Graphing 2D Equation Random, Double Random, Noise 1D, Noise 2D, Noise 3D, NoiseWave
- Input: Mouse 1D Mouse 2D MousePress Mouse Signals Easing Constrain Storing Input Mouse Functions Keyboard Keyboard Functions Milliseconds Clock
- Transform: Translate Scale Rotate Triangle Flower Arm
- Arrays: Array :: Array 2D :: Array of Objects
- Objects: Objects :: Multiple Constructors :: Inheritance :: Neighborhood
- Web: Embedded Links Loading Images
Topic
- Animation: Sequential Animated Sprite
- Cellular Automata: Wolframs's 1D CA Conway's Game of Life Spore 1 Spore 2
- Drawing: Continuous Lines Custom Tool Pattern Pulses Animator Scribble Plotter
- Advanced Data: ArrayList HashMap Directory List
- File IO: Save One Image Save Many Images Tile Images Save File 1 Save File 2 Load File 1 Load File 2
- GUI: Rollover Button Buttons Image Button Handles Scrollbar
- Image Processing: Pixel Array Histogram Brightness Linear Image Convolution Blur Edge Detection
- Interaction: Tickle Follow 1 Follow 2 Follow 3 Reach 1 Reach 2 Reach 3
- Effects: Fire Cube Lens Metaball Plasma Tunnel Unlimited Sprites Wormhole
- Motion: Linear :: Bounce :: Bouncy Bubbles Collision Circle Collision Moving On Curves Brownian Puff Reflection 1 Reflection 2
- Simulate: Spring Springs Chain Soft Body Flocking Simple Particle System Multiple Particle Systems Smoke Particle System
- Fluid: Smoke
- Fractals and L-Systems: Koch Mandelbrot Tree Pentigree Penrose Tile Penrose Snowflake
Custom
- Custom Built: Snake :: Molten Bar Chart
- Found In The Wild: Line Intersection :: Substrate
Exhibition
- ...
Vedi le applicazioni corrispondenti realizzate con Processing.
Applicazioni
- Paint: #0, ...
- Mirino: #1, #2, #3
- Sanguisuga: #1 :: #2
- Sanguisughe: libere :: solide
- Campi spot :: magnetico
- Animazioni: #1 :: #2 :: #2a :: #4 :: #5
- Game of Life: un colore :: tre colori
- Sabbia: orizzontale :: verticale :: clessidra :: boccia
- ...
OROLOGI
- Digitali: con immagini
- Analogici: secondi :: ore, minuti e secondi :: #1 :: #2
- Complicati: cronometro :: orologio per mancini :: NEOLOG
FRATTALI
- Crescita per aggregazione: centrale :: verticale
- Crescita per diffusione: centrale :: con ostacoli
- Alberi di linee: fisso :: interattivo
- Alberi di figure piane: quadrati, ...
- Sierpinski: fisso :: interattivo