<< Chapter < Page Chapter >> Page >
Elements of 2D and 3D graphic composition (including curves) for the Processing language and environment.

Graphic primitives

In Processing, we can arrange points, lines, surfaces, and volumes (objects in 0, 1, 2, and 3 dimensions, respectively) ina 3D space or, where this makes sense in the 2D space of the image window. The number of parameters of the object primitiveswill determine if these objects have to be positioned in the X-Y or in the X-Y-Z space.

0d

Points

The point() is the simplest of the graphic primitives. When invoked with two coordinate parameters, itpositions a point in the X-Y space. When invoked with three coordinate parameters, it positions a point in the X-Y-Zspace. A point, in geometric sense, does not have dimension, but it can be assigned an occupation in pixels and a color, bythe functions strokeWeight() and stroke() , respectively. For example, the simple Processing sketch stroke(180,0,0); strokeWeight(10);point(60,60); draws a dot in the image window.

Collections of points

A set of points can be grouped into a single object (cloud of points) by the delimiters beginShape(POINTS) and endShape() . Between them each point has to be specified with the vertex() function. Transformations of rotation, translation, and scaling do not apply to the inside of composite objectsdescribed with beginShape() and endShape() , but they can precede the definition of a composite object and apply to the whole.

1d

Straight lines

The line() draws a line segment between two points in the plane or the 3D space, with width and color thatcan be set with strokeWeight() and stroke() , respectively.

Collections of segments

A set of segments can be defined, as we saw for points, by the delimiters beginShape() and endShape() . Between them, vertices are listed by calls to the function vertex() . Using the invocation beginShape(LINES) the vertices are taken in couples, each identifying a segment. With the argument-freeinvocation beginShape() the vertices, taken one after the other, define a polygonal line. With theclosure endShape(CLOSE) the line is closed on itself by linking the first and lastvertices. The color of such polygon can be set by using the fill() function or, conversely, left equal to the background color with the noFill() .

Curves

The function curve() , when called with eight parameters, draws a curve on the image plane, with initial and final pointsdetermined, respectively, by the second and third couple of coordinates passed as arguments. The first and last couple ofcoordinates define two control points for the curve, which is an interpolating spline, thus passing for all four points. In Processing, however, only the curve segment between the intermediate points is visualized.
Spline
Piecewise-polynomial curve, with polynomials connected with continuity at the knots
See Introduction to Splines and, for an introduction to the specific kind of splines (Catmull-Rom)used in Processing, the term spline in Wikipedia.
In order to have an arbitrary number of control points we must use the function curveVertex() to specify each point in the block delimited by beginShape() and endShape() .

Questions & Answers

A golfer on a fairway is 70 m away from the green, which sits below the level of the fairway by 20 m. If the golfer hits the ball at an angle of 40° with an initial speed of 20 m/s, how close to the green does she come?
Aislinn Reply
cm
tijani
what is titration
John Reply
what is physics
Siyaka Reply
A mouse of mass 200 g falls 100 m down a vertical mine shaft and lands at the bottom with a speed of 8.0 m/s. During its fall, how much work is done on the mouse by air resistance
Jude Reply
Can you compute that for me. Ty
Jude
what is the dimension formula of energy?
David Reply
what is viscosity?
David
what is inorganic
emma Reply
what is chemistry
Youesf Reply
what is inorganic
emma
Chemistry is a branch of science that deals with the study of matter,it composition,it structure and the changes it undergoes
Adjei
please, I'm a physics student and I need help in physics
Adjanou
chemistry could also be understood like the sexual attraction/repulsion of the male and female elements. the reaction varies depending on the energy differences of each given gender. + masculine -female.
Pedro
A ball is thrown straight up.it passes a 2.0m high window 7.50 m off the ground on it path up and takes 1.30 s to go past the window.what was the ball initial velocity
Krampah Reply
2. A sled plus passenger with total mass 50 kg is pulled 20 m across the snow (0.20) at constant velocity by a force directed 25° above the horizontal. Calculate (a) the work of the applied force, (b) the work of friction, and (c) the total work.
Sahid Reply
you have been hired as an espert witness in a court case involving an automobile accident. the accident involved car A of mass 1500kg which crashed into stationary car B of mass 1100kg. the driver of car A applied his brakes 15 m before he skidded and crashed into car B. after the collision, car A s
Samuel Reply
can someone explain to me, an ignorant high school student, why the trend of the graph doesn't follow the fact that the higher frequency a sound wave is, the more power it is, hence, making me think the phons output would follow this general trend?
Joseph Reply
Nevermind i just realied that the graph is the phons output for a person with normal hearing and not just the phons output of the sound waves power, I should read the entire thing next time
Joseph
Follow up question, does anyone know where I can find a graph that accuretly depicts the actual relative "power" output of sound over its frequency instead of just humans hearing
Joseph
"Generation of electrical energy from sound energy | IEEE Conference Publication | IEEE Xplore" ***ieeexplore.ieee.org/document/7150687?reload=true
Ryan
what's motion
Maurice Reply
what are the types of wave
Maurice
answer
Magreth
progressive wave
Magreth
hello friend how are you
Muhammad Reply
fine, how about you?
Mohammed
hi
Mujahid
A string is 3.00 m long with a mass of 5.00 g. The string is held taut with a tension of 500.00 N applied to the string. A pulse is sent down the string. How long does it take the pulse to travel the 3.00 m of the string?
yasuo Reply
Who can show me the full solution in this problem?
Reofrir Reply
Got questions? Join the online conversation and get instant answers!
Jobilize.com Reply

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Media processing in processing. OpenStax CNX. Nov 10, 2010 Download for free at http://cnx.org/content/col10268/1.14
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Media processing in processing' conversation and receive update notifications?

Ask