<< 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

how to create a software using Android phone
Wiseman Reply
how
basra
what is the difference between C and C++.
Yan Reply
what is software
Sami Reply
software is a instructions like programs
Shambhu
what is the difference between C and C++.
Yan
yes, how?
Hayder
what is software engineering
Ahmad
software engineering is a the branch of computer science deals with the design,development, testing and maintenance of software applications.
Hayder
who is best bw software engineering and cyber security
Ahmad
Both software engineering and cybersecurity offer exciting career prospects, but your choice ultimately depends on your interests and skills. If you enjoy problem-solving, programming, and designing software syste
Hayder
what's software processes
Ntege Reply
I haven't started reading yet. by device (hardware) or for improving design Lol? Here. Requirement, Design, Implementation, Verification, Maintenance.
Vernon
I can give you a more valid answer by 5:00 By the way gm.
Vernon
it is all about designing,developing, testing, implementing and maintaining of software systems.
Ehenew
hello assalamualaikum
Sami
My name M Sami I m 2nd year student
Sami
what is the specific IDE for flutter programs?
Mwami Reply
jegudgdtgd my Name my Name is M and I have been talking about iey my papa john's university of washington post I tagged I will be in
Mwaqas Reply
yes
usman
how disign photo
atul Reply
hlo
Navya
hi
Michael
yes
Subhan
Show the necessary steps with description in resource monitoring process (CPU,memory,disk and network)
samuel Reply
What is software engineering
Tafadzwa Reply
Software engineering is a branch of computer science directed to writing programs to develop Softwares that can drive or enable the functionality of some hardwares like phone , automobile and others
kelvin
if any requirement engineer is gathering requirements from client and after getting he/she Analyze them this process is called
Alqa Reply
The following text is encoded in base 64. Ik5ldmVyIHRydXN0IGEgY29tcHV0ZXIgeW91IGNhbid0IHRocm93IG91dCBhIHdpbmRvdyIgLSBTdGV2ZSBXb3puaWFr Decode it, and paste the decoded text here
Julian Reply
what to do you mean
Vincent
hello
ALI
how are you ?
ALI
What is the command to list the contents of a directory in Unix and Unix-like operating systems
George Reply
how can i make my own software free of cost
Faizan Reply
like how
usman
hi
Hayder
The name of the author of our software engineering book is Ian Sommerville.
Doha Reply
what is software
Sampson Reply
the set of intruction given to the computer to perform a task
Noor
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