Library‎ > ‎Processing‎ > ‎

examples

 Processingに標準収録されているサンプルプログラム集「examples」は大変勉強になりますが、数が多すぎて良いサンプルに出会うことも難しく、また解説がないと漫然と観てしまうものも多いと思います。
 このページでは面白いサンプルと勉強になるサンプルを紹介しています。

 ★は技術習得のためのおすすめサンプルで、☆は初心者向けのハデで楽しいサンプルです。星が多いほうがより評価が高く、難度が高い/勉強になる/面白いものです。
 (*は執筆予定)

 ほとんど新規に書き下ろした解説および、ソース内コメントの日本語訳を加えています(書籍の準備サイトなので無断転載禁止とさせて下さい)。


examplesのディレクトリ構造
 このディレクトリリストはver.1.1以降のProcessingのExamplesを手作業でリストにしたものです(大変でした)。
 4大項目で「3D(8サブカテゴリ)」、「Basics (13サブカテゴリ)」、「Libraries(9サブカテゴリ)」、「Topics (12サブカテゴリ)」と、サブカテゴリだけで42カテゴリもあります。examples全体では、なんと268もありました。

 基本はアルファベット順なのですが、学習する人は、「3D」ではなく、まず「Basic」の「Input」カテゴリあたりからはじめてみるとよいでしょう。


  • 3D (8サブカテゴリ)
    • Camera
      • MoveEye マウスの上下によって3D描画のカメラを上下させます
      • OrthoVSPerspective *マウスクリックによって投射投影法を切替える
      •  Perspective
    • Form
      • BrickTower *キューブを使って塔を構築
      • Icosahedra
      • RGBCube
      • ShapeTransform
      • Vertices
      • CubicGrid
      • Primitives3D
      • RunAmuck
      • Toroid
    • Image
      • Explode 2D画像を3Dに配置し、マウスで爆発したように見せるアニメーション
      • Extrusion
      • Zoom *マウスを押すと地形にズーム
    • Lights
      • Directional *マウスの動きに合わせてディレクショナルライトを球に当てます
      • Lights1
      • Lights2 3D描画における3種の異なるライト
      • Reflection *スペキュラー(ハイライトの輝き)を観察
      • Spot 3D球体に複数のスポットライトを当てて色を合成します
    • Textures
      • Texture1
      • Texture2
      • Texture3
      • TextureCube
    • Transform
      • Bird *鳥の羽ばたきシミュレーション
      • CubesWithinCube *立方体の中に立方体。衝突検出も。
      • Rotate1
      • Birds
      • PushPopCubes
      • Rotate2
    • Typography
      • KineticType *文字がひらひらと立体的にはためくアニメーション
      • LetterK
      • Typing
  • Basics (13サブカテゴリ)
    • Arrays
      • Array  *
      • Array2D *二次元配列を用いて点を表示。dist()の使い方も。
      • ArrayObjects
    • Color
      • Brightness *マウスの上下左右をHSBカラーモードに割り当て
      • Hue
      • RadialGradient2
      • Saturation
      • ColorWheel
      • LinearGradient
      • Reading
      • WaveGradient
      • Creating *色の指定をcolor形式の変数で指定
      • RadialGradient
      • Relativity
    • Control
      • Conditionals1
      • EmbeddedIteration *画面に表示する視覚をどんどん小さくする
      • LogicalOperators
      • Conditionals2
      • Iteration
    • Data
      • CharactersStrings
      • IntegersFloats *intとfloatの違いをラインのアニメーションで表現
      • VariableScope
      • DatatypeConversion
      • TrueFalse
      • Variables
    • Form
      • Bezier
      • PieChart
      • ShapePrimitives
      • TriangleStrip
      • BezierEllipse
      • PointsLines
      • SimpleCurves
      • Vertices
    • Image
      • Alphamask
      • LoadDisplayImage
      • Sprite *GIF画像をマウスに追従させる
      • BackgroundImage
      • Pointillism
      • Sprite2
      • CreateImage
      • RequestImage
      • Transparency *★背景の上にもう一枚画像を半透明で表示させてマウスに追従
    • Input
      • Clock
      • KeyboardFunctions
      • MouseFunctions
      • Constrain
      • Milliseconds
      • MousePress
      • Easing
      • Mouse1D *マウスのX軸の動きに合わせて四角形の大きさを変える
      • MouseSignals
      • Keyboard キーボードのアルファベットによってピアノの鍵盤のように画面に様々な縞模様が現れます
      • Mouse2D *★マウスの動きに合わせて大きさの異なる2つの正方形を描画
      • StoringInput
    • Math
      • AdditiveWave
      • IncrementDecrement
      • OperatorPrecedence
      • Arctangent
      • Modulo
      • PolarToCartesian
      • Distance1D
      • Noise1D
      • Random
      • Distance2D
      • Noise2D
      • Sine
      • DoubleRandom
      • Noise3D
      • SineCosine
      • Graphing2DEquation
      • NoiseWave
      • SineWave
    • Objects
      • CompositeObjects
      • MultipleConstructors
      • Objects
      • Inheritance
      • Neighborhood
    • Shape
      • DisableStyle
      • LoadDisplayShape
      • GetChild
      • ScaleShape ☆SVGを読み込んだイラストをマウスでズーム。たった11行!
    • Structure
      • Coordinates
      • NoLoop
      • SetupDraw
      • CreateGraphics
      • Recursion
      • StatementsComments
      • Functions
      • Recursion2
      • WidthHeight *白黒灰のラインが格子状に表示される
      • Loop
      • Redraw
    • Transform
      • Arm *マウスに追従て回転角度でアームの動きを制御
      • Rotate
      • Scale
      • Translate translate()関数による図形の平行移動
      • TriangleFlower
    • Typography
      • Letters
      • Words
    • Web
      • EmbeddedLinks *ボタンをクリックすると指定したURLを表示
      • LoadingImages
  • Libraries (9サブカテゴリ)
    • DXF Export
      • SimpleExport
    • Minim (sound)
      • AddListener
      • GetMetaData
      • RecordLineIn
      • BandPassFilter
      • GetSetPan
      • SineWaveSignal
      • ForwardFFT
      • LinearAverages
      • UserDefinedEffect
      • FrequencyEnergy
      • LoadFile
      • UserDefinedSignal
      • GetLineIn
      • LoadSample
      • GetLineOut
      • LoadSnippet
    • Network
      • CarnivoreClient
      • HTTPClient
      • SharedCanvasServer
      • ChatServer
      • SharedCanvasClient
      • YahooSearch
    • OpenGL
      • Esfera
      • Geometry
      • SpaceJunk
      • Yellowtail
      • ExtrusionGL
      • LightsGL ☆大量のキューブを3種のライトで描きます
      • TexturedSphere
    • PDF Export
      • Complex3D
      • ManyPDFs
      • MousePress
      • OneFrame
      • LargePage
      • ManyPages
      • MultipleFrames
      • RandomBook
    • Serial
      • SerialCallResponse
      • SerialMultiple
      • SimpleWrite
      • SerialDuplex
      • SimpleRead
    • Video (Capture)
      • AsciiVideo
      • FrameDifferencing
      • Mirror
      • BackgroundSubtraction
      • Framingham
      • Mirror2
      • BrightnessThresholding
      • GettingStartedCapture
      • RadialPocky
      • BrightnessTracking
      • HsvSpace
      • SlitScan
      • ColorSorting
      • LivePocky
    • Viode (Movie)
      • Loop
      • Pixelate
    • Video (MovieMaker)
      • DrawingMovie
  • Topics (12サブカテゴリ)
    • Advanced Data
      • ArrayListClass *★ボールの落下でクラスを学ぶ
      • DirectoryList
      • HashMapClass
    • Animation
      • AnimatedSprite ☆☆GIF画像を読み込んでアニメーションさせるサンプル
      • Sequential *画像を読み込んでループアニメーション
    • Cellular Automata
      • Conway
      • Spore1 *上から下に粒子が落下、直線状に留まる。
      • Spore2
      • Wolfram *
    • Drawing
      • Animator *画面をクリック・ドラッグすると記憶され繰り返し表示
      • CustomTool
      • Pulses
      • ContinuousLines *マウスドラッグで線を描画
      • Pattern ☆マウスの速度を取得して、速度にあわせた円を描きます
      • ScribblePlotter
    • Effects
      • FireCube *炎に包まれたキューブ
      • Plasma
      • Wormhole *ワームホールに吸い込まれるエフェクト、画像読み込み
      • Lens
      • Tunnel
      • Metaball ★メタボールをつかった光の玉を描くPGraphicsによるアニメーション
      • UnlimitedSprites
    • File I/O
      • LoadFile1
      • SaveFile1
      • SaveManyImages
      • TileImages
      • LoadFile2
      • SaveFile2
      • SaveOneImage
    • Fractals and L-Systems
      • Koch
      • PenroseSnowflake
      • Pentigree
      • Mandelbrot
      • PenroseTile
      • Tree *マウスを左から右に動かすにつれて木が生成される
    • GUI
      • Button 画面内の図形でボタンを作るサンプル
      • Handles
      • Rollover *マウスを持っていくと背景の色が変わります
      • Buttons
      • ImageButton
      • Scrollbar
    • Image Processing
      • Blur
      • Convolution
      • Histogram
      • PixelArray
      • Brightness ★マウスを動かすことで妖しい輝きを放ちます
      • EdgeDetection
      • LinearImage
    • Interaction
      • Follow1
      • Follow2
      • Follow3 *マウスを動かすとつられて線がついてくる
      • Reach1
      • Reach2
      • Reach3
      • Tickle
    • Motion
      • Bounce 画面端を検出してボールが跳ね返るアニメーション
      • BouncyBubbles ★複数の物体の衝突をクラスを作成して実装
      • Brownian *化学の教科書に載っている「ブラウン運動」的なアニメーション
      • CircleCollision *円形同士の衝突をクラスを使って表現
      • Collision *左からやってくるボールをマウス操作で打ち返す、ゲームのベースに適している
      • Linear 10行で書かれた直線の移動アニメーション
      • MovingOnCurves ☆ボールが軌跡を描きながら追尾します
      • Puff *煙のようなもの
      • Reflection1 *
      • Reflection2 ★★ボールが落下し、複雑な起伏をもった地面をリアルに跳ねるシミュレーション
    • Simulate
      • Chain *チェーンの物理シミュレーション
      • SimpleParticleSystem *マウスに従ってパーティクルを発生、矢印で理解しやすい。
      • Spring *バネのシミュレーション
      • Flocking *群れをなして飛行するシミュレーション
      • Smoke *☆下から煙が上っていくシミュレーション
      • Springs
      • Fluid
      • SmokeParticleSystem
      • MultipleParticleSystems
      • SoftBody

以下はexamplesフォルダのダンプした内容です。
3D
Basics
Libraries
Topics

./3D:
Camera
Form
Image
Lights
Textures
Transform
Typography

./3D/Camera:
MoveEye
OrthoVSPerspective
Perspective

./3D/Camera/MoveEye:
MoveEye.pde

./3D/Camera/OrthoVSPerspective:
OrthoVSPerspective.pde
data

./3D/Camera/OrthoVSPerspective/data:

./3D/Camera/Perspective:
Perspective.pde
data

./3D/Camera/Perspective/data:

./3D/Form:
BrickTower
CubicGrid
Icosahedra
Primitives3D
RGBCube
RunAmuck
ShapeTransform
Toroid
Vertices

./3D/Form/BrickTower:
BrickTower.pde
Cube.pde

./3D/Form/CubicGrid:
CubicGrid.pde

./3D/Form/Icosahedra:
Dimension3D.pde
Icosahedra.pde
Icosahedron.pde
Shape3D.pde

./3D/Form/Primitives3D:
Primitives3D.pde
data

./3D/Form/Primitives3D/data:

./3D/Form/RGBCube:
RGBCube.pde
data

./3D/Form/RGBCube/data:

./3D/Form/RunAmuck:
Legs.pde
RunAmuck.pde

./3D/Form/ShapeTransform:
ShapeTransform.pde

./3D/Form/Toroid:
Toroid.pde

./3D/Form/Vertices:
Vertices.pde

./3D/Image:
Explode
Extrusion
Zoom

./3D/Image/Explode:
Explode.pde
data

./3D/Image/Explode/data:
eames.jpg
eames.jpg.tmp

./3D/Image/Extrusion:
Extrusion.pde
data

./3D/Image/Extrusion/data:
ystone08.jpg

./3D/Image/Zoom:
Zoom.pde
data

./3D/Image/Zoom/data:
ystone08.jpg

./3D/Lights:
Directional
Lights1
Lights2
Reflection
Spot

./3D/Lights/Directional:
Directional.pde
data

./3D/Lights/Directional/data:

./3D/Lights/Lights1:
Lights1.pde
data

./3D/Lights/Lights1/data:

./3D/Lights/Lights2:
Lights2.pde

./3D/Lights/Reflection:
Reflection.pde

./3D/Lights/Spot:
Spot.pde
data

./3D/Lights/Spot/data:

./3D/Textures:
Texture1
Texture2
Texture3
TextureCube

./3D/Textures/Texture1:
Texture1.pde
data

./3D/Textures/Texture1/data:
berlin-1.jpg

./3D/Textures/Texture2:
Texture2.pde
data

./3D/Textures/Texture2/data:
berlin-1.jpg

./3D/Textures/Texture3:
Texture3.pde
data

./3D/Textures/Texture3/data:
berlin-1.jpg

./3D/Textures/TextureCube:
TextureCube.pde
data

./3D/Textures/TextureCube/data:
berlin-1.jpg
uvtex.jpg

./3D/Transform:
Bird
Birds
CubesWithinCube
PushPopCubes
Rotate1
Rotate2

./3D/Transform/Bird:
Bird.pde

./3D/Transform/Birds:
Bird.pde
Birds.pde

./3D/Transform/CubesWithinCube:
Cube.pde
CubesWithinCube.pde

./3D/Transform/PushPopCubes:
PushPopCubes.pde

./3D/Transform/Rotate1:
Rotate1.pde
data

./3D/Transform/Rotate1/data:

./3D/Transform/Rotate2:
Rotate2.pde
data

./3D/Transform/Rotate2/data:

./3D/Typography:
KineticType
LetterK
Typing

./3D/Typography/KineticType:
KineticType.pde
Letter.pde
Line.pde
Word.pde
data

./3D/Typography/KineticType/data:
Univers-66.vlw

./3D/Typography/LetterK:
LetterK.pde
data

./3D/Typography/LetterK/data:

./3D/Typography/Typing:
Typing.pde
data

./3D/Typography/Typing/data:
Univers45.vlw

./Basics:
Arrays
Color
Control
Data
Form
Image
Input
Math
Objects
Shape
Structure
Transform
Typography
Web

./Basics/Arrays:
Array
Array2D
ArrayObjects

./Basics/Arrays/Array:
Array.pde
data

./Basics/Arrays/Array/data:

./Basics/Arrays/Array2D:
Array2D.pde
data

./Basics/Arrays/Array2D/data:

./Basics/Arrays/ArrayObjects:
ArrayObjects.pde
Module.pde

./Basics/Color:
Brightness
ColorWheel
Creating
Hue
LinearGradient
RadialGradient
RadialGradient2
Reading
Relativity
Saturation
WaveGradient

./Basics/Color/Brightness:
Brightness.pde
data

./Basics/Color/Brightness/data:

./Basics/Color/ColorWheel:
ColorWheel.pde

./Basics/Color/Creating:
Creating.pde
data

./Basics/Color/Creating/data:

./Basics/Color/Hue:
Hue.pde
data

./Basics/Color/Hue/data:

./Basics/Color/LinearGradient:
LinearGradient.pde

./Basics/Color/RadialGradient:
RadialGradient.pde

./Basics/Color/RadialGradient2:
RadialGradient2.pde

./Basics/Color/Reading:
Reading.pde
data

./Basics/Color/Reading/data:
cait.jpg

./Basics/Color/Relativity:
Relativity.pde

./Basics/Color/Saturation:
Saturation.pde

./Basics/Color/WaveGradient:
WaveGradient.pde

./Basics/Control:
Conditionals1
Conditionals2
EmbeddedIteration
Iteration
LogicalOperators

./Basics/Control/Conditionals1:
Conditionals1.pde
data

./Basics/Control/Conditionals1/data:

./Basics/Control/Conditionals2:
Conditionals2.pde
data

./Basics/Control/Conditionals2/data:

./Basics/Control/EmbeddedIteration:
EmbeddedIteration.pde
data

./Basics/Control/EmbeddedIteration/data:

./Basics/Control/Iteration:
Iteration.pde
data

./Basics/Control/Iteration/data:

./Basics/Control/LogicalOperators:
LogicalOperators.pde
data

./Basics/Control/LogicalOperators/data:

./Basics/Data:
CharactersStrings
DatatypeConversion
IntegersFloats
TrueFalse
VariableScope
Variables

./Basics/Data/CharactersStrings:
CharactersStrings.pde
data

./Basics/Data/CharactersStrings/data:
Eureka-90.vlw
rathausFrog.jpg

./Basics/Data/DatatypeConversion:
DatatypeConversion.pde
data

./Basics/Data/DatatypeConversion/data:

./Basics/Data/IntegersFloats:
IntegersFloats.pde
data

./Basics/Data/IntegersFloats/data:

./Basics/Data/TrueFalse:
TrueFalse.pde
data

./Basics/Data/TrueFalse/data:

./Basics/Data/VariableScope:
VariableScope.pde
data

./Basics/Data/VariableScope/data:

./Basics/Data/Variables:
Variables.pde
data

./Basics/Data/Variables/data:

./Basics/Form:
Bezier
BezierEllipse
PieChart
PointsLines
ShapePrimitives
SimpleCurves
TriangleStrip
Vertices

./Basics/Form/Bezier:
Bezier.pde
data

./Basics/Form/Bezier/data:

./Basics/Form/BezierEllipse:
BezierEllipse.pde

./Basics/Form/PieChart:
PieChart.pde

./Basics/Form/PointsLines:
PointsLines.pde
data

./Basics/Form/PointsLines/data:

./Basics/Form/ShapePrimitives:
ShapePrimitives.pde
data

./Basics/Form/ShapePrimitives/data:

./Basics/Form/SimpleCurves:
SimpleCurves.pde
data

./Basics/Form/SimpleCurves/data:

./Basics/Form/TriangleStrip:
TriangleStrip.pde

./Basics/Form/Vertices:
Vertices.pde
data

./Basics/Form/Vertices/data:

./Basics/Image:
Alphamask
BackgroundImage
CreateImage
LoadDisplayImage
Pointillism
RequestImage
Sprite
Sprite2
Transparency

./Basics/Image/Alphamask:
Alphamask.pde
data

./Basics/Image/Alphamask/data:
mask.jpg
test.jpg

./Basics/Image/BackgroundImage:
BackgroundImage.pde
data

./Basics/Image/BackgroundImage/data:
milan_rubbish.jpg

./Basics/Image/CreateImage:
CreateImage.pde
data

./Basics/Image/CreateImage/data:
mask.jpg
test.jpg

./Basics/Image/LoadDisplayImage:
LoadDisplayImage.pde
data

./Basics/Image/LoadDisplayImage/data:
jelly.jpg

./Basics/Image/Pointillism:
Pointillism.pde
data

./Basics/Image/Pointillism/data:
eames.jpg
sunflower.jpg

./Basics/Image/RequestImage:
RequestImage.pde

./Basics/Image/Sprite:
Sprite.pde
data

./Basics/Image/Sprite/data:
teddy.gif

./Basics/Image/Sprite2:
Sprite2.pde
data

./Basics/Image/Sprite2/data:
sky.jpg
teddy.gif

./Basics/Image/Transparency:
Transparency.pde
data

./Basics/Image/Transparency/data:
construct.jpg
wash.jpg

./Basics/Input:
Clock
Constrain
Easing
Keyboard
KeyboardFunctions
Milliseconds
Mouse1D
Mouse2D
MouseFunctions
MousePress
MouseSignals
StoringInput

./Basics/Input/Clock:
Clock.pde
data

./Basics/Input/Clock/data:

./Basics/Input/Constrain:
Constrain.pde

./Basics/Input/Easing:
Easing.pde
data

./Basics/Input/Easing/data:

./Basics/Input/Keyboard:
Keyboard.pde

./Basics/Input/KeyboardFunctions:
KeyboardFunctions.pde
data

./Basics/Input/KeyboardFunctions/data:
brugges.jpg

./Basics/Input/Milliseconds:
Milliseconds.pde
data

./Basics/Input/Milliseconds/data:

./Basics/Input/Mouse1D:
Mouse1D.pde

./Basics/Input/Mouse2D:
Mouse2D.pde
data

./Basics/Input/Mouse2D/data:

./Basics/Input/MouseFunctions:
MouseFunctions.pde
data

./Basics/Input/MouseFunctions/data:

./Basics/Input/MousePress:
MousePress.pde
data

./Basics/Input/MousePress/data:

./Basics/Input/MouseSignals:
MouseSignals.pde
data

./Basics/Input/MouseSignals/data:

./Basics/Input/StoringInput:
StoringInput.pde

./Basics/Math:
AdditiveWave
Arctangent
Distance1D
Distance2D
DoubleRandom
Graphing2DEquation
IncrementDecrement
Modulo
Noise1D
Noise2D
Noise3D
NoiseWave
OperatorPrecedence
PolarToCartesian
Random
Sine
SineCosine
SineWave

./Basics/Math/AdditiveWave:
AdditiveWave.pde
data

./Basics/Math/AdditiveWave/data:

./Basics/Math/Arctangent:
Arctangent.pde
data

./Basics/Math/Arctangent/data:

./Basics/Math/Distance1D:
Distance1D.pde
data

./Basics/Math/Distance1D/data:

./Basics/Math/Distance2D:
Distance2D.pde
data

./Basics/Math/Distance2D/data:

./Basics/Math/DoubleRandom:
DoubleRandom.pde

./Basics/Math/Graphing2DEquation:
Graphing2DEquation.pde
data

./Basics/Math/Graphing2DEquation/data:

./Basics/Math/IncrementDecrement:
IncrementDecrement.pde
data

./Basics/Math/IncrementDecrement/data:

./Basics/Math/Modulo:
Modulo.pde
data

./Basics/Math/Modulo/data:

./Basics/Math/Noise1D:
Noise1D.pde
data

./Basics/Math/Noise1D/data:

./Basics/Math/Noise2D:
Noise2D.pde
data

./Basics/Math/Noise2D/data:

./Basics/Math/Noise3D:
Noise3D.pde
data

./Basics/Math/Noise3D/data:

./Basics/Math/NoiseWave:
NoiseWave.pde
data

./Basics/Math/NoiseWave/data:

./Basics/Math/OperatorPrecedence:
OperatorPrecedence.pde
data

./Basics/Math/OperatorPrecedence/data:

./Basics/Math/PolarToCartesian:
PolarToCartesian.pde
data

./Basics/Math/PolarToCartesian/data:

./Basics/Math/Random:
Random.pde
data

./Basics/Math/Random/data:

./Basics/Math/Sine:
Sine.pde
data

./Basics/Math/Sine/data:

./Basics/Math/SineCosine:
SineCosine.pde
data

./Basics/Math/SineCosine/data:

./Basics/Math/SineWave:
SineWave.pde
data

./Basics/Math/SineWave/data:

./Basics/Objects:
CompositeObjects
Inheritance
MultipleConstructors
Neighborhood
Objects

./Basics/Objects/CompositeObjects:
CompositeObjects.pde
Egg.pde
EggRing.pde
Ring.pde

./Basics/Objects/Inheritance:
Inheritance.pde
data

./Basics/Objects/Inheritance/data:

./Basics/Objects/MultipleConstructors:
MultipleConstructors.pde
data

./Basics/Objects/MultipleConstructors/data:

./Basics/Objects/Neighborhood:
Neighborhood.pde

./Basics/Objects/Objects:
Objects.pde
data

./Basics/Objects/Objects/data:

./Basics/Shape:
DisableStyle
GetChild
LoadDisplayShape
ScaleShape

./Basics/Shape/DisableStyle:
DisableStyle.pde
data

./Basics/Shape/DisableStyle/data:
bot1.svg

./Basics/Shape/GetChild:
GetChild.pde
data

./Basics/Shape/GetChild/data:
usa-wikipedia.svg

./Basics/Shape/LoadDisplayShape:
LoadDisplayShape.pde
data

./Basics/Shape/LoadDisplayShape/data:
bot1.svg

./Basics/Shape/ScaleShape:
ScaleShape.pde
data

./Basics/Shape/ScaleShape/data:
bot1.svg

./Basics/Structure:
Coordinates
CreateGraphics
Functions
Loop
NoLoop
Recursion
Recursion2
Redraw
SetupDraw
StatementsComments
WidthHeight

./Basics/Structure/Coordinates:
Coordinates.pde
data

./Basics/Structure/Coordinates/data:

./Basics/Structure/CreateGraphics:
CreateGraphics.pde
data

./Basics/Structure/CreateGraphics/data:
mask.jpg
test.jpg

./Basics/Structure/Functions:
Functions.pde
data

./Basics/Structure/Functions/data:

./Basics/Structure/Loop:
Loop.pde
data

./Basics/Structure/Loop/data:

./Basics/Structure/NoLoop:
NoLoop.pde
data

./Basics/Structure/NoLoop/data:

./Basics/Structure/Recursion:
Recursion.pde
data

./Basics/Structure/Recursion/data:

./Basics/Structure/Recursion2:
Recursion2.pde
data

./Basics/Structure/Recursion2/data:

./Basics/Structure/Redraw:
Redraw.pde
data

./Basics/Structure/Redraw/data:

./Basics/Structure/SetupDraw:
SetupDraw.pde
data

./Basics/Structure/SetupDraw/data:

./Basics/Structure/StatementsComments:
StatementsComments.pde
data

./Basics/Structure/StatementsComments/data:

./Basics/Structure/WidthHeight:
WidthHeight.pde
data

./Basics/Structure/WidthHeight/data:

./Basics/Transform:
Arm
Rotate
Scale
Translate
TriangleFlower

./Basics/Transform/Arm:
Arm.pde

./Basics/Transform/Rotate:
Rotate.pde

./Basics/Transform/Scale:
Scale.pde
data

./Basics/Transform/Scale/data:

./Basics/Transform/Translate:
Translate.pde
data

./Basics/Transform/Translate/data:

./Basics/Transform/TriangleFlower:
TriangleFlower.pde

./Basics/Typography:
Letters
Words

./Basics/Typography/Letters:
Letters.pde
data

./Basics/Typography/Letters/data:
CourierNew36.vlw

./Basics/Typography/Words:
Words.pde
data

./Basics/Typography/Words/data:
Ziggurat-HTF-Black-32.vlw

./Basics/Web:
EmbeddedLinks
LoadingImages

./Basics/Web/EmbeddedLinks:
EmbeddedLinks.pde

./Basics/Web/LoadingImages:
LoadingImages.pde
data

./Basics/Web/LoadingImages/data:

./Libraries:
DXF Export
Minim (Sound)
Network
OpenGL
PDF Export
Serial
Video (Capture)
Video (Movie)
Video (MovieMaker)

./Libraries/DXF Export:
SimpleExport

./Libraries/DXF Export/SimpleExport:
SimpleExport.pde

./Libraries/Minim (Sound):
AddListener
BandPassFilter
ForwardFFT
FrequencyEnergy
GetLineIn
GetLineOut
GetMetaData
GetSetPan
LinearAverages
LoadFile
LoadSample
LoadSnippet
RecordLineIn
SineWaveSignal
UserDefinedEffect
UserDefinedSignal

./Libraries/Minim (Sound)/AddListener:
AddListener.pde
Waveform.pde
data

./Libraries/Minim (Sound)/AddListener/data:
groove.mp3

./Libraries/Minim (Sound)/BandPassFilter:
BandPassFilter.pde
data

./Libraries/Minim (Sound)/BandPassFilter/data:
groove.mp3

./Libraries/Minim (Sound)/ForwardFFT:
ForwardFFT.pde
data

./Libraries/Minim (Sound)/ForwardFFT/data:
jingle.mp3

./Libraries/Minim (Sound)/FrequencyEnergy:
BeatListener.pde
FrequencyEnergy.pde
data

./Libraries/Minim (Sound)/FrequencyEnergy/data:
marcus_kellis_theme.mp3

./Libraries/Minim (Sound)/GetLineIn:
GetLineIn.pde

./Libraries/Minim (Sound)/GetLineOut:
GetLineOut.pde

./Libraries/Minim (Sound)/GetMetaData:
GetMetaData.pde
data

./Libraries/Minim (Sound)/GetMetaData/data:
groove.mp3
serif.vlw

./Libraries/Minim (Sound)/GetSetPan:
GetSetPan.pde
Waveform.pde

./Libraries/Minim (Sound)/LinearAverages:
LinearAverages.pde
data

./Libraries/Minim (Sound)/LinearAverages/data:
jingle.mp3

./Libraries/Minim (Sound)/LoadFile:
LoadFile.pde
data

./Libraries/Minim (Sound)/LoadFile/data:
groove.mp3

./Libraries/Minim (Sound)/LoadSample:
LoadSample.pde
data

./Libraries/Minim (Sound)/LoadSample/data:
BD.mp3

./Libraries/Minim (Sound)/LoadSnippet:
LoadSnippet.pde
data

./Libraries/Minim (Sound)/LoadSnippet/data:
groove.mp3

./Libraries/Minim (Sound)/RecordLineIn:
RecordLineIn.pde

./Libraries/Minim (Sound)/SineWaveSignal:
SineWaveSignal.pde

./Libraries/Minim (Sound)/UserDefinedEffect:
ReverseEffect.pde
UserDefinedEffect.pde
data

./Libraries/Minim (Sound)/UserDefinedEffect/data:
groove.mp3

./Libraries/Minim (Sound)/UserDefinedSignal:
MouseSaw.pde
UserDefinedSignal.pde

./Libraries/Network:
CarnivoreClient
ChatServer
HTTPClient
SharedCanvasClient
SharedCanvasServer
YahooSearch

./Libraries/Network/CarnivoreClient:
CarnivoreClient.pde
data

./Libraries/Network/CarnivoreClient/data:
CourierNew-12.vlw

./Libraries/Network/ChatServer:
ChatServer.pde
data

./Libraries/Network/ChatServer/data:
ScalaSans-Caps-32.vlw

./Libraries/Network/HTTPClient:
HTTPClient.pde
data

./Libraries/Network/HTTPClient/data:

./Libraries/Network/SharedCanvasClient:
SharedCanvasClient.pde

./Libraries/Network/SharedCanvasServer:
SharedCanvasServer.pde

./Libraries/Network/YahooSearch:
YahooSearch.pde

./Libraries/OpenGL:
Esfera
ExtrusionGL
Geometry
LightsGL
SpaceJunk
TexturedSphere
Yellowtail

./Libraries/OpenGL/Esfera:
Esfera.pde

./Libraries/OpenGL/ExtrusionGL:
ExtrusionGL.pde
data

./Libraries/OpenGL/ExtrusionGL/data:
ystone08.jpg

./Libraries/OpenGL/Geometry:
Geometry.pde

./Libraries/OpenGL/LightsGL:
LightsGL.pde

./Libraries/OpenGL/SpaceJunk:
Cube.pde
SpaceJunk.pde

./Libraries/OpenGL/TexturedSphere:
TexturedSphere.pde
data

./Libraries/OpenGL/TexturedSphere/data:
world32k.jpg

./Libraries/OpenGL/Yellowtail:
Gesture.pde
Vec3f.pde
Yellowtail.pde

./Libraries/PDF Export:
Complex3D
LargePage
ManyPDFs
ManyPages
MousePress
MultipleFrames
OneFrame
RandomBook

./Libraries/PDF Export/Complex3D:
Complex3D.pde
data

./Libraries/PDF Export/Complex3D/data:

./Libraries/PDF Export/LargePage:
LargePage.pde
data

./Libraries/PDF Export/LargePage/data:

./Libraries/PDF Export/ManyPDFs:
ManyPDFs.pde
data

./Libraries/PDF Export/ManyPDFs/data:

./Libraries/PDF Export/ManyPages:
Lines.pdf
ManyPages.pde
data

./Libraries/PDF Export/ManyPages/data:

./Libraries/PDF Export/MousePress:
MousePress.pde
data

./Libraries/PDF Export/MousePress/data:

./Libraries/PDF Export/MultipleFrames:
MultipleFrames.pde
data

./Libraries/PDF Export/MultipleFrames/data:

./Libraries/PDF Export/OneFrame:
OneFrame.pde
data

./Libraries/PDF Export/OneFrame/data:

./Libraries/PDF Export/RandomBook:
RandomBook.pde

./Libraries/Serial:
SerialCallResponse
SerialDuplex
SerialMultiple
SimpleRead
SimpleWrite

./Libraries/Serial/SerialCallResponse:
SerialCallResponse.pde
data

./Libraries/Serial/SerialCallResponse/data:

./Libraries/Serial/SerialDuplex:
SerialDuplex.pde
data

./Libraries/Serial/SerialDuplex/data:
CourierNewPSMT-24.vlw

./Libraries/Serial/SerialMultiple:
SerialMultiple.pde

./Libraries/Serial/SimpleRead:
SimpleRead.pde

./Libraries/Serial/SimpleWrite:
SimpleWrite.pde

./Libraries/Video (Capture):
AsciiVideo
BackgroundSubtraction
BrightnessThresholding
BrightnessTracking
ColorSorting
FrameDifferencing
Framingham
GettingStartedCapture
HsvSpace
LivePocky
Mirror
Mirror2
RadialPocky
SlitScan

./Libraries/Video (Capture)/AsciiVideo:
AsciiVideo.pde
data

./Libraries/Video (Capture)/AsciiVideo/data:
UniversLTStd-Light-48.vlw

./Libraries/Video (Capture)/BackgroundSubtraction:
BackgroundSubtraction.pde

./Libraries/Video (Capture)/BrightnessThresholding:
BrightnessThresholding.pde

./Libraries/Video (Capture)/BrightnessTracking:
BrightnessTracking.pde

./Libraries/Video (Capture)/ColorSorting:
ColorSorting.pde
Tuple.pde

./Libraries/Video (Capture)/FrameDifferencing:
FrameDifferencing.pde

./Libraries/Video (Capture)/Framingham:
Framingham.pde

./Libraries/Video (Capture)/GettingStartedCapture:
GettingStartedCapture.pde

./Libraries/Video (Capture)/HsvSpace:
HsvSpace.pde
Tuple.pde

./Libraries/Video (Capture)/LivePocky:
LivePocky.pde

./Libraries/Video (Capture)/Mirror:
Mirror.pde

./Libraries/Video (Capture)/Mirror2:
Mirror2.pde

./Libraries/Video (Capture)/RadialPocky:
RadialPocky.pde

./Libraries/Video (Capture)/SlitScan:
SlitScan.pde

./Libraries/Video (Movie):
Loop
Pixelate

./Libraries/Video (Movie)/Loop:
Loop.pde
data

./Libraries/Video (Movie)/Loop/data:
station.mov

./Libraries/Video (Movie)/Pixelate:
Pixelate.pde
data

./Libraries/Video (Movie)/Pixelate/data:
station.mov

./Libraries/Video (MovieMaker):
DrawingMovie

./Libraries/Video (MovieMaker)/DrawingMovie:
DrawingMovie.pde

./Topics:
Advanced Data
Animation
Cellular Automata
Drawing
Effects
File IO
Fractals and L-Systems
GUI
Image Processing
Interaction
Motion
Simulate

./Topics/Advanced Data:
ArrayListClass
DirectoryList
HashMapClass

./Topics/Advanced Data/ArrayListClass:
ArrayListClass.pde
Ball.pde

./Topics/Advanced Data/DirectoryList:
DirectoryList.pde

./Topics/Advanced Data/HashMapClass:
HashMapClass.pde
Word.pde
data

./Topics/Advanced Data/HashMapClass/data:
dracula.txt
hamlet.txt

./Topics/Animation:
AnimatedSprite
Sequential

./Topics/Animation/AnimatedSprite:
AnimatedSprite.pde
Animation.pde
data

./Topics/Animation/AnimatedSprite/data:
PT_Shifty_0000.gif
PT_Shifty_0001.gif
PT_Shifty_0002.gif
PT_Shifty_0003.gif
PT_Shifty_0004.gif
PT_Shifty_0005.gif
PT_Shifty_0006.gif
PT_Shifty_0007.gif
PT_Shifty_0008.gif
PT_Shifty_0009.gif
PT_Shifty_0010.gif
PT_Shifty_0011.gif
PT_Shifty_0012.gif
PT_Shifty_0013.gif
PT_Shifty_0014.gif
PT_Shifty_0015.gif
PT_Shifty_0016.gif
PT_Shifty_0017.gif
PT_Shifty_0018.gif
PT_Shifty_0019.gif
PT_Shifty_0020.gif
PT_Shifty_0021.gif
PT_Shifty_0022.gif
PT_Shifty_0023.gif
PT_Shifty_0024.gif
PT_Shifty_0025.gif
PT_Shifty_0026.gif
PT_Shifty_0027.gif
PT_Shifty_0028.gif
PT_Shifty_0029.gif
PT_Shifty_0030.gif
PT_Shifty_0031.gif
PT_Shifty_0032.gif
PT_Shifty_0033.gif
PT_Shifty_0034.gif
PT_Shifty_0035.gif
PT_Shifty_0036.gif
PT_Shifty_0037.gif
PT_Teddy_0000.gif
PT_Teddy_0001.gif
PT_Teddy_0002.gif
PT_Teddy_0003.gif
PT_Teddy_0004.gif
PT_Teddy_0005.gif
PT_Teddy_0006.gif
PT_Teddy_0007.gif
PT_Teddy_0008.gif
PT_Teddy_0009.gif
PT_Teddy_0010.gif
PT_Teddy_0011.gif
PT_Teddy_0012.gif
PT_Teddy_0013.gif
PT_Teddy_0014.gif
PT_Teddy_0015.gif
PT_Teddy_0016.gif
PT_Teddy_0017.gif
PT_Teddy_0018.gif
PT_Teddy_0019.gif
PT_Teddy_0020.gif
PT_Teddy_0021.gif
PT_Teddy_0022.gif
PT_Teddy_0023.gif
PT_Teddy_0024.gif
PT_Teddy_0025.gif
PT_Teddy_0026.gif
PT_Teddy_0027.gif
PT_Teddy_0028.gif
PT_Teddy_0029.gif
PT_Teddy_0030.gif
PT_Teddy_0031.gif
PT_Teddy_0032.gif
PT_Teddy_0033.gif
PT_Teddy_0034.gif
PT_Teddy_0035.gif
PT_Teddy_0036.gif
PT_Teddy_0037.gif
PT_Teddy_0038.gif
PT_Teddy_0039.gif
PT_Teddy_0040.gif
PT_Teddy_0041.gif
PT_Teddy_0042.gif
PT_Teddy_0043.gif
PT_Teddy_0044.gif
PT_Teddy_0045.gif
PT_Teddy_0046.gif
PT_Teddy_0047.gif
PT_Teddy_0048.gif
PT_Teddy_0049.gif
PT_Teddy_0050.gif
PT_Teddy_0051.gif
PT_Teddy_0052.gif
PT_Teddy_0053.gif
PT_Teddy_0054.gif
PT_Teddy_0055.gif
PT_Teddy_0056.gif
PT_Teddy_0057.gif
PT_Teddy_0058.gif
PT_Teddy_0059.gif

./Topics/Animation/Sequential:
Sequential.pde
data

./Topics/Animation/Sequential/data:
PT_anim0000.gif
PT_anim0001.gif
PT_anim0002.gif
PT_anim0003.gif
PT_anim0004.gif
PT_anim0005.gif
PT_anim0006.gif
PT_anim0007.gif
PT_anim0008.gif
PT_anim0009.gif
PT_anim0010.gif
PT_anim0011.gif

./Topics/Cellular Automata:
Conway
Spore1
Spore2
Wolfram

./Topics/Cellular Automata/Conway:
Conway.pde
data

./Topics/Cellular Automata/Conway/data:

./Topics/Cellular Automata/Spore1:
Spore1.pde
data

./Topics/Cellular Automata/Spore1/data:

./Topics/Cellular Automata/Spore2:
Spore2.pde
data

./Topics/Cellular Automata/Spore2/data:

./Topics/Cellular Automata/Wolfram:
CA.pde
Wolfram.pde
data

./Topics/Cellular Automata/Wolfram/data:

./Topics/Drawing:
Animator
ContinuousLines
CustomTool
Pattern
Pulses
ScribblePlotter

./Topics/Drawing/Animator:
Animator.pde
data

./Topics/Drawing/Animator/data:

./Topics/Drawing/ContinuousLines:
ContinuousLines.pde
data

./Topics/Drawing/ContinuousLines/data:

./Topics/Drawing/CustomTool:
CustomTool.pde
data

./Topics/Drawing/CustomTool/data:
milan.jpg
paris.jpg

./Topics/Drawing/Pattern:
Pattern.pde
data

./Topics/Drawing/Pattern/data:

./Topics/Drawing/Pulses:
Pulses.pde
data

./Topics/Drawing/Pulses/data:

./Topics/Drawing/ScribblePlotter:
ScribblePlotter.pde

./Topics/Effects:
FireCube
Lens
Metaball
Plasma
Tunnel
UnlimitedSprites
Wormhole

./Topics/Effects/FireCube:
FireCube.pde

./Topics/Effects/Lens:
Lens.pde
data

./Topics/Effects/Lens/data:
red_smoke.jpg

./Topics/Effects/Metaball:
Metaball.pde

./Topics/Effects/Plasma:
Plasma.pde

./Topics/Effects/Tunnel:
Tunnel.pde
data

./Topics/Effects/Tunnel/data:
red_smoke.jpg

./Topics/Effects/UnlimitedSprites:
UnlimitedSprites.pde
data

./Topics/Effects/UnlimitedSprites/data:
Aqua-Ball-48x48.png

./Topics/Effects/Wormhole:
Wormhole.pde
data

./Topics/Effects/Wormhole/data:
texture.gif
wormhole.png

./Topics/File IO:
LoadFile1
LoadFile2
SaveFile1
SaveFile2
SaveManyImages
SaveOneImage
TileImages

./Topics/File IO/LoadFile1:
LoadFile1.pde
data

./Topics/File IO/LoadFile1/data:
positions.txt

./Topics/File IO/LoadFile2:
LoadFile2.pde
data

./Topics/File IO/LoadFile2/data:
TheSans-Plain-12.vlw
cars2.tsv

./Topics/File IO/SaveFile1:
SaveFile1.pde

./Topics/File IO/SaveFile2:
SaveFile2.pde

./Topics/File IO/SaveManyImages:
SaveManyImages.pde

./Topics/File IO/SaveOneImage:
SaveOneImage.pde

./Topics/File IO/TileImages:
TileImages.pde

./Topics/Fractals and L-Systems:
Koch
Mandelbrot
PenroseSnowflake
PenroseTile
Pentigree
Tree

./Topics/Fractals and L-Systems/Koch:
Koch.pde

./Topics/Fractals and L-Systems/Mandelbrot:
Mandelbrot.pde

./Topics/Fractals and L-Systems/PenroseSnowflake:
LSystem.pde
PenroseSnowflake.pde
PenroseSnowflakeLSystem.pde

./Topics/Fractals and L-Systems/PenroseTile:
LSystem.pde
PenroseLSystem.pde
PenroseTile.pde

./Topics/Fractals and L-Systems/Pentigree:
LSystem.pde
Pentigree.pde
PentigreeLSystem.pde

./Topics/Fractals and L-Systems/Tree:
Tree.pde
data

./Topics/Fractals and L-Systems/Tree/data:

./Topics/GUI:
Button
Buttons
Handles
ImageButton
Rollover
Scrollbar

./Topics/GUI/Button:
Button.pde
data

./Topics/GUI/Button/data:

./Topics/GUI/Buttons:
Buttons.pde
data

./Topics/GUI/Buttons/data:

./Topics/GUI/Handles:
Handles.pde
data

./Topics/GUI/Handles/data:

./Topics/GUI/ImageButton:
ImageButton.pde
data

./Topics/GUI/ImageButton/data:
base.gif
down.gif
roll.gif

./Topics/GUI/Rollover:
Rollover.pde
data

./Topics/GUI/Rollover/data:

./Topics/GUI/Scrollbar:
Scrollbar.pde
data

./Topics/GUI/Scrollbar/data:
seedBottom.jpg
seedTop.jpg

./Topics/Image Processing:
Blur
Brightness
Convolution
EdgeDetection
Histogram
LinearImage
PixelArray

./Topics/Image Processing/Blur:
Blur.pde
data

./Topics/Image Processing/Blur/data:
trees.jpg

./Topics/Image Processing/Brightness:
Brightness.pde
data

./Topics/Image Processing/Brightness/data:
wires.jpg

./Topics/Image Processing/Convolution:
Convolution.pde
data

./Topics/Image Processing/Convolution/data:
end.jpg
sunflower.jpg

./Topics/Image Processing/EdgeDetection:
EdgeDetection.pde
data

./Topics/Image Processing/EdgeDetection/data:
house.jpg

./Topics/Image Processing/Histogram:
Histogram.pde
data

./Topics/Image Processing/Histogram/data:
cdi01_g.jpg
ystone08.jpg

./Topics/Image Processing/LinearImage:
LinearImage.pde
data

./Topics/Image Processing/LinearImage/data:
florence03.jpg

./Topics/Image Processing/PixelArray:
PixelArray.pde
data

./Topics/Image Processing/PixelArray/data:
ystone08.jpg

./Topics/Interaction:
Follow1
Follow2
Follow3
Reach1
Reach2
Reach3
Tickle

./Topics/Interaction/Follow1:
Follow1.pde

./Topics/Interaction/Follow2:
Follow2.pde

./Topics/Interaction/Follow3:
Follow3.pde

./Topics/Interaction/Reach1:
Reach1.pde

./Topics/Interaction/Reach2:
Reach2.pde

./Topics/Interaction/Reach3:
Reach3.pde

./Topics/Interaction/Tickle:
Tickle.pde
data

./Topics/Interaction/Tickle/data:
AmericanTypewriter-24.vlw

./Topics/Motion:
Bounce
BouncyBubbles
Brownian
CircleCollision
Collision
Linear
MovingOnCurves
Puff
Reflection1
Reflection2

./Topics/Motion/Bounce:
Bounce.pde
data

./Topics/Motion/Bounce/data:

./Topics/Motion/BouncyBubbles:
BouncyBubbles.pde

./Topics/Motion/Brownian:
Brownian.pde
data

./Topics/Motion/Brownian/data:

./Topics/Motion/CircleCollision:
Ball.pde
CircleCollision.pde

./Topics/Motion/Collision:
Collision.pde
data

./Topics/Motion/Collision/data:

./Topics/Motion/Linear:
Linear.pde
data

./Topics/Motion/Linear/data:

./Topics/Motion/MovingOnCurves:
MovingOnCurves.pde
data

./Topics/Motion/MovingOnCurves/data:

./Topics/Motion/Puff:
Puff.pde

./Topics/Motion/Reflection1:
Reflection1.pde

./Topics/Motion/Reflection2:
Ground.pde
Orb.pde
Reflection2.pde

./Topics/Simulate:
Chain
Flocking
Fluid
MultipleParticleSystems
SimpleParticleSystem
Smoke
SmokeParticleSystem
SoftBody
Spring
Springs

./Topics/Simulate/Chain:
Chain.pde
data

./Topics/Simulate/Chain/data:

./Topics/Simulate/Flocking:
Boid.pde
Flock.pde
Flocking.pde
data

./Topics/Simulate/Flocking/data:

./Topics/Simulate/Fluid:
Fluid.pde
data

./Topics/Simulate/Fluid/data:

./Topics/Simulate/MultipleParticleSystems:
CrazyParticle.pde
MultipleParticleSystems.pde
Particle.pde
ParticleSystem.pde
data

./Topics/Simulate/MultipleParticleSystems/data:

./Topics/Simulate/SimpleParticleSystem:
Particle.pde
ParticleSystem.pde
SimpleParticleSystem.pde
data

./Topics/Simulate/SimpleParticleSystem/data:

./Topics/Simulate/Smoke:
Smoke.pde
data

./Topics/Simulate/Smoke/data:

./Topics/Simulate/SmokeParticleSystem:
Particle.pde
ParticleSystem.pde
SmokeParticleSystem.pde
data

./Topics/Simulate/SmokeParticleSystem/data:
texture.gif

./Topics/Simulate/SoftBody:
SoftBody.pde

./Topics/Simulate/Spring:
Spring.pde
data

./Topics/Simulate/Spring/data:

./Topics/Simulate/Springs:
Springs.pde
data

./Topics/Simulate/Springs/data: