1 / 9

Drawing Shapes with Vertex Commands in Processing

This tutorial covers the essential commands for drawing shapes using vertex functions in Processing. You'll learn how to create custom shapes using `beginShape()` and `endShape()`, and explore the use of `vertex()`, `curveVertex()`, and `bezierVertex()` to construct various geometric forms. Discover how to manipulate shapes with parameters like `CLOSE`, and visualize with styles like `POINTS`, `LINES`, `TRIANGLES`, and more. By the end, you'll be able to combine these techniques to create intricate designs and smooth curves seamlessly.

trevet
Download Presentation

Drawing Shapes with Vertex Commands in Processing

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lets shape up! Pages: 69-77

  2. Lets draw random shapes Commands introduced vertex(x,y); beginShape() endShape() curveVertex() BezierVertex()… lets not worry about this now

  3. Shape with vertex(x,y) nofill(); beginShape(); vertex(30,20); vertex(85,20); vertex(85,75); vertex(30,75); endShape();

  4. Lets close the Shape //nofill(); beginShape(); vertex(30,20); vertex(85,20); vertex(85,75); vertex(30,75); endShape(CLOSE);

  5. POINTS or LINES? //nofill(); beginShape(POINTS);// lets change it to LINES vertex(30,20); vertex(85,20); vertex(85,75); vertex(30,75); endShape(CLOSE);

  6. TRIANGLES or TRIANGLE_STRIP //nofill(); beginShape(TRIANGLES); vertex(75,30); vertex(10,20); vertex(75,50); vertex(20,60); vertex(90,70); Vertex(35,85); endShape();

  7. Curves smooth(); noFill(); beginShape(); curveVertex(20,80); curveVertex(20,40); curveVertex(30,30); curveVertex(40,80); curveVertex(80,80); endShape();

  8. Putting it all together smooth(); noFill(); beginShape(); vertex(15,40); bezierVertex(5,0,80,0,50,55); vertex(30,45); vertext(25,75); bezierVertex(50,70,75,90,80,70); endShape();

  9. bezierCurve noFill(); beginShape(); vertex(32,20); bezierVertex(80,5,80,75,30,75); endShape();

More Related