TUTORIAL
Si tratta di semplici elaborazioni degli esempi ufficiali
Impara con gli esempi
Basics
- 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 :: Bezier, Bezier Ellipse
- 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, Composite Objects, Inheritance, Neighborhood
- Web: Embedded Links Loading Images
Topics
- 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
3D
- Form: Primitive 3D Sphere Vertici RGB Cube Cubic Grid Brick Tower Shape Transform Toroid Icosahedra
- Transform: Rotate 1 Rotate 2 PushPop Cubes Cubes Within Cube Bird Birds
- Image: Extrusion Zoom Explode
- Typography: Letter K Kinetic Type Typing
- Lights: Lights 1 Lights 2 Directional Spot Reflection
- Camera: Perspective Ortho vs. Perpective Move Eye
- Textures: Texture 1 Texture 2 Texture 3 Texture Cube
Libraries
- ...
APPLICAZIONI
Applicazioni sparse
Appena possibile saranno sviluppate adeguatamente...- Paint: #0, ...
- Mirino: #1, #2, #3
- Sabbia: Orizzontale, Verticale, Clessidra, Boccia
- Fuoco d'artificio: pareti aperte, pareti chiuse, ...
- Game of Life: un colore, tre colori
- Campo: spot, magnetico
- Sanguisuga: #1, #2
- Sanguisughe: libere, solide
- Animazione: #1, #2, #2a, #4, #5
- Primitive 3D: una sfera e 4 cubi
- Rotazioni: 3 quadrati, 3 cubi, 3 assi
- Solidi: piramide, cono, piramide-cono
- Metamorfosi: ...
- Alfabeto, ...
- Colori ruotanti, ...
- Mirini: uno, tre
- Tunnel: interno, inversione
Alcuni modelli commerciali sono molto stimolanti
OROLOGI
Un orologio č un oggetto animato che puō essere molto originale.La realizzazione di un orologio costituisce un ottimo esercizio per imparare a programmare con Processing.
- Digitali e Testo: #1, #2
- Digitali e Immagini: #1
- Analogici: Secondi, Ore, minuti e secondi, #1, #2, Cronometro, 3D
- Complicati: Orologio analogico per mancini
- Commerciali: NEOLOG: #1, #3, PONG CLOCK
GIOCHI
- 2009/10: Gioco del 15
- 2008/09: ItiLightsOut, ItiSokoban
- 2006/07: BeBee
- 2005/06: Another Brick Shooter
FRATTALI
Disegnando migliaia di figure elementari (segmenti, triangoli, quadrati, cerchi, ...) si ottengono figure simili a foglie, cespugli, coralli, alberi, foreste, cristalli di neve, antenne, ...- Crescita / Per aggregazione: Centrale, verticale
- Crescita / Per diffusione: Centrale, con ostacoli
- Alberi: Lineari: Fisso, interattivo, 3D, Piani: Quadrati, ... , Solidi: Cubi
Mandelbrot Sierpinski
- Vertice: fisso, interattivo
- Attrattore e vertice: fisso, interattivo, Trasformazione
La costruzione č simile a quella di Sierpinski.
Si parte tracciando le diagonali di un quadrato e si continua dividendolo in nove parti e ricominciando con i cinque quadrati a NE, SE, SO, NO e al centro.
- Punto centrale: fisso, segue il mouse
- Attrattore e punto centrale: fisso, interattivo, Trasformazione
L'insieme di Cantor si costruisce a partire da un segmento A-B, dividendolo in tre parti e cancellando la parte centrale.
Se si continua... al limite rimangono infiniti punti isolati
- Insieme, Formaggio
A partire da un segmento AB si individuano i punti A' e B' che lo dividono in tre parti della stessa lunghezza.
Si elimina il segmento A'B' e si disegnano due segmenti A'C e B'C della stessa lunghezza.
Se si continua all'infinito...
- Cristallo di neve, due linee, tre linee
La linea di Cesāro č la linea di Koch con angolo di 90° piuttosto che di 60°.
A partire dal segmento A-B si individua il punto centrale AB e quindi il punto C...
- Una linea, quattro linee, esterne
L'albero di Pitagora cresce utilizzando triangoli rettangoli e questo č il contributo di Pitagora...
La costruzione č simile a quella dell'albero di Peano: si parte con un quadrato, si disegna un triangolo rettangolo che ha come ipotenusa un lato del quadrato e si continua costruendo i quadrati sui cateti...
- #1
...
Peano
...
:
Manfred Mohr
Manfred Mohr č un esploratore di lungo corso della computer art.Le applicazioni seguenti traggono ispirazione dalle sue opere
- 2D: ...
- 3D: Spigoli: un colore, tre colori, Facce: un colore, tre colori
- 4D: Spigoli: #1, #2, Facce: ...
MATEMATICHE
Con Processing si possono rappresentare facilmente proprietā/teoremi di geometria piana e solida- Curve notevoli: Arbelo, Drepanoide, Lunula: due lunule, Pelecoide, Pista circolare, Saliera, Cardioide
- Teorema di Pitagora (Sono note centinaia di dimostrazioni grafiche del teorema di Pitagora!) : #1, #2
- Coniche: Circonferenza, Ellisse
- Trigonometria: Seno e coseno, raggio ruotante 0, 1, 2, 3, interattivo, finale
- Spirali: Spirale, spirale random, spirale random 2, spirale ruotante, interattiva
- Poligoni: Regolari, stellari pari, dispari
