kaze/orx

Fork 0

Files

Abe Pazos c531c45608 add demos to README.md

2025-08-28 22:07:06 +00:00

19 KiB

Raw Blame History

orx-shapes

Collection of 2D shape generators and modifiers.

Demos

adjust/DemoAdjustContour01

Demonstrates how to use adjustContour to select and modify three vertices in a circular contour. In OPENRNDR circles contain 4 cubic bézier segments connecting 4 vertices.

On every animation frame the circular contour is created and transformed using sines, cosines and the variable seconds for an animated effect.

source code

adjust/DemoAdjustContour02

Demonstrates how to use adjustContour to select and remove vertex 0 from a circular contour, then select and animate the position and scale the new vertex 0.

source code

adjust/DemoAdjustContour03

Demonstrates how to select and alter the edges of a rectangle.

The rectangle is a scaled-down version window bounds.

By default, the edges of a rectangular contour are linear, so the edge.toCubic() method is called to make it possible to bend them.

Then various edges are selected one by one and transformed over time using operations like scale, rotate, splitAt and moveBy.

source code

adjust/DemoAdjustContour04

Demonstrates an adjustContour animated effect where edge 0 of a contour is replaced by a point sampled on that edge. The specific edge point oscillates between 0.0 (at the start) and 1.0 (at the end) using a cosine and the seconds variable.

The base contour used for the effect alternates every second between a rectangular and a circular contour.

source code

bezierpatch/DemoBezierPatch01

Shows how to

create a [bezierPatch] out of 4 [LineSegment]
create a sub-patch out of a [bezierPatch]
create horizontal and vertical [ShapeContour]s out of [bezierPatch]es

The created contours are horizontal and vertical in "bezier-patch space" but are rendered deformed following the shape of the bezier patch.

source code

bezierpatch/DemoBezierPatch02

Shows how to create a [bezierPatch] out of a closed [ShapeContour] with 4 curved segments.

Calling [Circle.contour] is one way of producing such a contour with vertices at the cardinal points but one can manually create any other 4-segment closed contour to use in bezier patches.

source code

bezierpatch/DemoBezierPatch03

Shows how to distort [ShapeContour]s using a [bezierPatch]

In this case the contours are regular stars and the bezier patch is created using a circular contour with the required 4 segments.

source code

bezierpatch/DemoBezierPatch04

Shows how to get positions and gradient values of those positions from a [bezierPatch]

You can think of bezierPatch.position() as requesting points in a wavy flag (the bezier patch) using normalized uv coordinates.

source code

bezierpatch/DemoBezierPatch05

Shows how to

create a [bezierPatch] out of 4 [Segment3D]
create a sub-patch out of a [bezierPatch]
create horizontal and vertical [Path3D]s out of [bezierPatch]es
add colors to a [bezierPatch]
draw a [bezierPatch] surface

The created contours are horizontal and vertical in "bezier-patch space" but are rendered deformed following the shape of the bezier patch.

source code

bezierpatch/DemoBezierPatch06

Shows how to

create a [bezierPatch] out of 4 curved Segment2D instances
apply an image texture to the patch using a shadeStyle

source code

bezierpatch/DemoBezierPatchDrawer01

source code

bezierpatch/DemoBezierPatchDrawer02

source code

bezierpatch/DemoBezierPatchDrawer03

source code

bezierpatch/DemoBezierPatches01

Shows how to create a [bezierPatch] out of a closed [ShapeContour] with 4 curved segments.

Calling [Circle.contour] is one way of producing such a contour with vertices at the cardinal points but one can manually create any other 4-segment closed contour to use in bezier patches.

source code

blend/DemoContourBlend01

Demonstration of uniform contour blending

source code

blend/DemoContourBlend02

Demonstration of non-uniform contour blending

source code

frames/DemoFrames01

source code

hobbycurve/DemoHobbyCurve01

source code

hobbycurve/DemoHobbyCurve02

source code

hobbycurve/DemoHobbyCurve03

source code

hobbycurve/DemoHobbyCurve3D01

source code

operators/DemoRoundCorners01

source code

ordering/DemoHilbertOrder01

source code

ordering/DemoHilbertOrder02

source code

path3d/DemoPath3DProjection

source code

primitives/DemoArc01

source code

primitives/DemoCircleInversion01

source code

primitives/DemoCircleInversion02

source code

primitives/DemoCircleInversion03

source code

primitives/DemoNet01

source code

primitives/DemoPulley01

source code

primitives/DemoRectangleDistribute01

of rectangles, which are generated and manipulated based on time and random parameters. The application follows these steps:

Initializes a random generator seeded with the elapsed seconds since the start of the program.
Creates a sequence of rectangles using the uniformSub function to generate random sub-rectangles within the bounding rectangle of the canvas.
Distributes the generated rectangles horizontally within the canvas using the distributeHorizontally method.
Aligns the rectangles vertically according to their position in relation to the bounding rectangle and a dynamic anchor point derived from the cosine of elapsed time.
Renders the rectangles on the canvas in the output window.

source code

primitives/DemoRectangleFitHorizontally

source code

primitives/DemoRectangleGrid01

source code

primitives/DemoRectangleGrid02

source code

primitives/DemoRectangleGrid03

source code

primitives/DemoRectangleIntersection01

Demonstrate rectangle-rectangle intersection

source code

primitives/DemoRectangleIrregularGrid

source code

primitives/DemoRectanglePlace01

Demo for rendering a 10x10 grid of rectangles within the bounds of the canvas. Each rectangle's position is calculated relative to its anchors, filling the entire canvas with evenly placed items.

The rectangles are drawn using the default white color. The place function is applied to each rectangle to position them dynamically based on their relative anchor points within the bounding area.

This serves as a demonstration of positioning and rendering shapes in a structured grid layout.