ProtoPie Formulas - The Definitive Guide

Learn how the index of function searches a source text for a given word, returns a 0-based position or -1 when not found, and demonstrates case sensitivity with practical examples.

Learn to use the length function to count characters in text, apply it to enable a button after six or more characters, and drive navigation with conditions in ProtoPie.

Isolate text in ProtoPie by using the left and right functions to extract a portion from an input field, and test with the formula and preview.

isolate the first name from a full name input and use it in a welcome message via a text response formula in ProtoPie, triggered by a focus and pressing return.

Learn to isolate the first name from a text field using ProtoPie formulas, leveraging left and index of with the input text property to construct a welcome message.

Use the L pad and pad functions to add static characters to dynamic text in ProtoPie formulas. Pad left to align counters as digits grow.

Learn how to round numbers in ProtoPie using round, flow, and ceiling functions, choosing up or down, with practical examples for currency and precise positioning.

Learn to build a snapped vertical knob slider in ProtoPie using a drag trigger, a round function, and a numeric variable to map the knob’s y position to fixed values.

Explore the abs function in ProtoPie formulas, converting negative inputs to positive, with examples using -100 and 100, and applying absolute values to manage negative signs in math objects.

Use a drag trigger with a move response to track two circles on the y axis, introduce a distance variable, and turn the oval red when distance is under 100.

Learn to generate random numbers in ProtoPie formulas, including 0–1 fractions, bounded ranges, and random integers, with a dice throw prototype.

Animate a dice roll with a fling trigger, move and rotate responses, and reveal the face using a random formula and a number variable with opacity controls.

Use the initial function to reset selective layer properties to their loaded state, like the Y property and fill color, with easing such as ease out.

Harness the layer function to reference a layer dynamically in ProtoPie, enabling a single line to scroll to the correct content when a tab is selected.

Explore relative layer positioning in ProtoPie by computing screen coordinates with screen X and screen Y, and using the two layer X and Y functions.

Explore how the format function converts a dynamic value into a chosen number format using masks, enabling currency formatting, decimal control, and rounding.

Track the cursor with ProtoPie using predefined variables mouse x and mouse y. Use the formula option for number variables, enable debugging, and view screen-relative coordinates in preview.

Learn to detect user touch using predefined touch X and touch Y variables, set up a scene variable with formulas, and debug to track touch position on screen.

Compute touch velocity in protoPie with the velocity variable and the touch velocity formula, linking touch up and drag to fling a rectangle vertically, with velocity values always positive.

Detect velocity and direction with touch velocity X and Y, revealing layer speed and swipe direction during drags. Show how negative and positive values indicate movement direction.

Detect when the native keyboard is up using the keyboard height variable, and move the input field via a formula that subtracts keyboard height and input height with an offset.

Prototype speech to text by using a voice transcripts variable, a start button trigger, and a text layer to print transcripts in real time.

Prototype the clearing of a text field using ProtoPie formulas, showing how typing reveals a clear button that clears the value and hides the button.

Discover how to clear a text field in ProtoPie with formula-based methods, including a clear button using opacity and emptying the field via double quotes or an empty text variable.

Create a show/hide header interface that hides the header when scrolling down and reveals it when scrolling up, letting readers focus on notes without distractions in a prototype notes app.

Learn to show or hide the header based on scroll direction using touch velocity y and a detect trigger in ProtoPie formulas, with both variable-based and compact approaches.

Use a long press to drop a location marker on a map and reveal a bottom sheet, ensuring the map moves up so the pin stays visible near the bottom.

Demonstrates dropping a pin on a map in ProtoPie by using long-press triggers, bottom sheet reveal, touch x/y positioning, and map scrolling with calculated offsets for accurate pin placement.

Accept the challenge to validate an email input using formulas, checking for the symbol, showing a red border and error message when missing and a green border when present.

Explore validating forms in ProtoPie by detecting a symbol in an email field with the index of function, and implement error and success states via opacity and border color.

Create a mac OS drag and drop interface with a file and folder; highlight when over the folder and drop to place, keeping the folder trackable from any position.

Create a drag-and-drop interaction in ProtoPie using drag and detect triggers, hit-area formulas with x/y, and a touch-up action to scale, fade, and color feedback.

Celebrate finishing the definitive ProtoPie formulas guide and commit to practicing formulas, while previewing a forthcoming course on prototype components and related videos via Pro Pilot.