Launch App

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)
Learn it in a lesson

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 recognized. 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 recognized. 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)

Text

Print Number uv value: 0 digits: 3 decimals: 0 leadingZeros: Hidden mask

The Print Number node draws the number value as digits - to show a value from your own node graph (a sound level, a time, a position, a count) on an object. It returns a mask: 1 where there is a digit stroke and 0 elsewhere, so multiply it into a color, use it as the a of a color, or blend with it.

uv (0-1, with 0,0 at the bottom left) is the position within the rectangle the number is printed in - wire in a UV (such as from Texture Mapping, scaled and offset to place and size the number). Outside 0-1 nothing is drawn. The rectangle is split evenly into one slot for a minus sign, then digits places, and then, if decimals is more than 0, a point and that many decimals. Each slot is about 0.8 times as wide as it is tall, so make the rectangle about 0.8 × (the number of slots) times as wide as it is high to avoid a stretched look.

value is rounded to the number of decimals shown. digits is how many places are left of the point; a larger number than that fits shows only its last digits. A negative number gets a minus sign next to its first digit. With leadingZeros Hidden a number such as 7 prints as 7 rather than 007. Values are held as ordinary floats, so beyond about seven digits in all (digits plus decimals) the last ones are no longer meaningful.

Learn it in a lesson