VerkLabs Designer Nodes Reference

Build, edit, and manage interactive 3D scenes in your browser

Drawing

Basics

Line

Line uv lineRGBA: #ff0000ff start: [0,0] end: [1,1] width: 0.1 sharpness: 0.1 rgba

The Line node draws one line from one point to another. The background is transparent.

Line with a width of 0.02 and sharpness of 0.001. drawn from [0.1,0.1] to [0.9,0.9] on top of an image.

(source)

Parallel Lines

Parallel Lines uv lineRGBA: #ff0000ff start: [0,0] end: [1,1] width: 0.1 sharpness: 0.1 numLines: 1 spacing: 0.1 rgba

The Parallel Lines node draws several parallel lines in one defined direction. The background is transparent.

10 Parallel Line with a width of 0.02 and sharpness of 0.001. drawn from a central direction of [0.1,0.1] to [0.9,0.9] on top of an image.

(source)

Circle

Circle uv circleRGBA: #ff0000ff center: [0.5,0.5] radius: 0.2 width: 0.1 sharpness: 0.1 filled: Cirle rgba

The Circle node draws a circle or a disk. The background is transparent.

A circle and a disk drawn with a sharpness of 0.001 using Circle on top of an image.

(source)

Rectangle

Rectangle uv rectangleRGBA: #ff0000ff center: [0.5,0.5] size: [0.2,0.2] width: 0.1 sharpness: 0.1 filled: Frame rgba

The Rectangle node draws a frame or a filled rectangle. The background is transparent.

A frame and a rectangle drawn with a sharpness of 0.001 using Rectangle on top of an image.

(source)

Gestures

Gesture Points

Gesture Points uv gestureData rgba: #ff0000ff width: 0.01 sharpness: 0.005 rgba

The Gesture Points node draws all gesture landmarks given by the Gesture Data node.

A Gesture Points with width of 0.01 and sharpness of 0.005.
Make sure to enable the camera and hold up your hand.

(source)

Gesture Lines

Gesture Lines uv gestureData rgba: #ff0000ff width: 0.01 sharpness: 0.005 rgba

The Gesture Lines node draws lines between landmarks identified by the Gesture Data node.

The Gesture Points and Gesture Lines output can be combined with the video streaming to see how the hand is recognised. Note that the UV coordinates need to be flipped horizontally, as the video is not a mirror.

A Gesture Lines with width of 0.01 and sharpness of 0.005.
Make sure to enable the camera and hold up your hand.

(source)

Make sure to enable the camera and hold up your hand.

Pose Points

Pose Points uv poseData rgba: #ff0000ff width: 0.01 sharpness: 0.005 rgba

The Pose Points node draws all poselandmarks given by the Pose Data node.

A Pose Points with width of 0.01 and sharpness of 0.005.
Make sure to enable the camera and hold up your hands.

(source)

Pose Lines

Pose Lines uv poseData rgba: #ff0000ff width: 0.01 sharpness: 0.005 rgba

The Pose Lines node draws lines between landmarks identified by the Pose Data node.

The Pose Points and Pose Lines output can be combined with the video streaming to see how the body pose is recognised. Note that the UV coordinates need to be flipped horizontally, as the video is not a mirror.

A Pose Lines with width of 0.01 and sharpness of 0.005.
Make sure to enable the camera and hold up your hand.

(source)