Origami Studio 3
Learn
Examples
Patterns
Documentation
Docs
Community
Download Origami Studio
Patches
JavaScript Patch
Introduction
Canvas
Canvas
Layout
Patch Editor
Patches
Interactions Patch
States
Animations
Workflow
Components
Creating an Origami System
Previewing & Sharing
Keyboard Shortcuts
Patch Organization
Custom Devices
Concepts
Loops
Coordinates
States & Pulses
Math Expressions
Variables
Scripting Basics
JavaScript Patch API
Patches
Animation
Bouncy Converter
Classic Animation
Cubic Bezier Animation
Cubic Bezier Curve
Curve
Pop Animation
Repeating Animation
Smooth Value
Spring Animation
Spring Converter
Color
Color to HSL
Color to Hex
Color to RGB
HSL Color
Hex Color
RGB Color
Data
Array Append
Array Count
Array Join
Array Reverse
Array Sort
Decode
Encode
Get Keys
Index Of
JSON Array
JSON Object
JSON to Text
Network Request
Open URL
Set Value for Key
Settings JSON
Subarray
Value at Index
Value at Path
Value for Key
Device
Browser Buttons
Browser Chrome
Camera
Device Buttons
Device Info
Device Motion
Device Time
Game Controller
Haptic
Interface Orientation
Location
Microphone
Mouse Cursor
Sound Kit
Sound Player
Sound Player Settings
Touches
Trackpad
Trackpad Haptic
Vibrate
Indicator
Interaction
Double Tap
Drag
Drag Settings
Gesture
Hover
Interaction
Keyboard
Long Press
Momentum Scrolling
Mouse
Pop Switch
Scroll
Scroll Settings
Scrollaway
Logic
And
Equals
Equals Exactly
Greater Than
Greater Than or Equal
Less Than
Less Than or Equal
Not
Or
Loops
Any
Grid Layout
Loop
Loop Builder
Loop Count
Loop Dedupe
Loop Filter
Loop Insert
Loop Insert at End
Loop Option Switch
Loop Over Array
Loop Remove
Loop Remove Last
Loop Reverse
Loop Select
Loop Shuffle
Loop Sum
Loop to Array
Running Total
Math
÷
−
√
×
+
Absolute Value
Arctangent
Cosine
Length
Math Expression
Max
Min
Mod
Power
Round
Sine
Media
Audio Metering
Photo Albums
Photo Library
Photo Library Media
Progress
Shapes
Circle
Oval
Rounded Rectangle
Triangle
Union
Text
Split Text
Text Ends With
Text Input Info
Text Length
Text Replace
Text Size
Text Starts With
Text Style
Text Style Builder
Text Transform
Trim Text
Utility
Arc Transition
Clip
Comment
Convert Position
Convert Position
Counter
Date & Time Formatter
Delay
Delay 1
Face Detection
Image
Image Info
JSON to Lottie
JSON to Shape
JavaScript Patch
Layer Info
Object Detection
Option Equals
Option Picker
Option Sender
Option Switch
Point
Point 3D
Point 3D Unpack
Point Unpack
Progress
Pulse
Pulse on Change
QR Code Detection
Random
Repeating Pulse
Restart Prototype
Reverse Progress
Sample and Hold
Snapshot
Spacing
Spacing Unpack
Splitter
Stopwatch
Switch
Time
Transition
Variable Broadcaster
Variable Receiver
Vec4
Vec4 Unpack
Velocity
Video
Video Info
Wait
When Prototype Starts
Layers
Layer
Color Fill
Gradient Fill
Group
Hit Area
Image File
Image Layer
Live Image
Lottie Animation
Map
Oval
Particle System
Progress Ring
Rectangle
Shape
Text Layer
Video File
Video Keyframes
Video Layer
Video Stream
Viewfinder
Material
Alert View
Checkbox
Circular Progress
Fake Keyboard
Page Control
Screen
Status Bar
Switch
Text Field
iOS
Action Sheet
Activity Indicator
Alert View
Fake Keyboard
Navigation Bar
Notification
Page Control
Screen
Segmented Control
Slider
Status Bar
Switch
Tab Bar
Text Field
Visual Effect
JavaScript Patch
Executes a JavaScript Script.
See
Scripting Basics
and
JavaScript Patch API
for more information.
JavaScript