processing.js © john resig
examples:
----- BASIC -----
additivewave.pde
alphamask.pde
arctangent.pde
arm.pde
array.pde
array2d.pde
arrayobjects.pde
backgroundimage.pde
bezier.pde
bezierellipse.pde
brightness.pde
charactersstrings.pde
clock.pde
colorwheel.pde
compositeobjects.pde
conditionals1.pde
conditionals2.pde
constrain.pde
coordinates.pde
creategraphics.pde
createimage.pde
creating.pde
datatypeconversion.pde
displaying.pde
distance1d.pde
distance2d.pde
doublerandom.pde
easing.pde
embeddediteration.pde
embeddedlinks.pde
functions.pde
graphing2dequation.pde
hue.pde
incrementdecrement.pde
inheritance.pde
integersfloats.pde
iteration.pde
keyboard.pde
keyboardfunctions.pde
letters.pde
lineargradient.pde
loadingimages.pde
logicaloperators.pde
loop.pde
milliseconds.pde
modulo.pde
mouse1d.pde
mouse2d.pde
mousefunctions.pde
mousepress.pde
mousesignals.pde
multipleconstructors.pde
neighborhood.pde
noise1d.pde
noise2d.pde
noise3d.pde
noisewave.pde
noloop.pde
objects.pde
operatorprecedence.pde
piechart.pde
pointillism.pde
pointslines.pde
polartocartesian.pde
radialgradient.pde
random.pde
reading.pde
recursion.pde
recursion2.pde
redraw.pde
relativity.pde
rotate.pde
saturation.pde
scale.pde
setupdraw.pde
shapeprimitives.pde
simplecurves.pde
sine.pde
sinecosine.pde
sinewave.pde
sprite.pde
statementscomments.pde
storinginput.pde
translate.pde
transparency.pde
triangleflower.pde
trianglestrip.pde
truefalse.pde
variables.pde
variablescope.pde
vertices.pde
wavegradient.pde
widthheight.pde
words.pde
----- CUSTOM -----
intersect.pde
molten.pde
snake.pde
substrate.pde
----- TOPICS -----
animatedsprite.pde
animator.pde
anisprite.pde
blur.pde
bounce.pde
bouncybubbles.pde
brightness.pde
brownian.pde
button.pde
buttons.pde
chain.pde
circlecollision.pde
collision.pde
continuouslines.pde
convolution.pde
conway.pde
customtool.pde
edgedetection.pde
flocking.pde
fluid.pde
follow1.pde
follow2.pde
follow3.pde
handles.pde
histogram.pde
imagebutton.pde
koch.pde
linear.pde
linearimage.pde
loadfile1.pde
loadfile2.pde
mandelbrot.pde
movingoncurves.pde
multipleparticlesystems.pde
pattern.pde
penrosesnowflake.pde
penrosetile.pde
pentigree.pde
pixelarray.pde
puff.pde
pulses.pde
reach1.pde
reach2.pde
reach3.pde
reflection1.pde
reflection2.pde
rollover.pde
savefile1.pde
savefile2.pde
savemanyimages.pde
saveoneimage.pde
scribbleplotter.pde
scrollbar.pde
sequential.pde
simpleparticlesystem.pde
smoke.pde
smokeparticlesystem.pde
softbody.pde
spore1.pde
spore2.pde
spring.pde
springs.pde
tickle.pde
tileimages.pde
tree.pde
wolfram.pde
float max_distance; void setup() { size(200, 200); smooth(); noStroke(); max_distance = dist(0, 0, width, height); } void draw() { background(51); for(int i = 0; i <= width; i += 20) { for(int j = 0; j <= width; j += 20) { float size = dist(mouseX, mouseY, i, j); size = size/max_distance * 66; //opera.postError(i, j, size); ellipse(i, j, size, size); } } }
