JavaScript

Circles
Search…
Circles
Nodes
User Interface
JavaScript
Console
console.log("Hello, World!")
Print a message to the console
App
app.node("Circle")
Find the first node named "Circle"
app.createPixelNode("Circle")
app.createFloatNode("Value")
app.createDataNode("Text")
Create nodes and add them to the center of the canvas
Node
console.log(self.name)
Print the current JavaScript node name
self.position.x += 100 / sqrt(0.75)
Moves the current node one grid step to the right
self.inputs.forEach( inputNode => 
    console.log(inputNode.name)
)
self.outputs.forEach( outputNode => 
    console.log(outputNode.name)
)
Print all connected node names
Properties
app.node("Circle").property("Radius").value = 1.0
Scale the Radius of a Circle Pixel Node
app.node("Noise").property("Colored").toggle()
Toggles the Colored property of a Node Pixel Node
app.node("Noise").property("Position").point.x += 0.1
Move the x axis of a Noise Pixel Node
app.node("Rectangle").property("Size").size.width = 0.125
Set the width of a Rectangle Pixel Node
app.node("Image").property("Files").action()
Open the file picker for an Image Pixel Node
let resolution = app.node("Circle").property("Resolution").resolution
resolution.width = 1920
resolution.height = 1080
Set the resolution of a Pixel Node
let color = app.node("Circle").property("Color").color
// RGB
color.red = 0.0
color.green = 1.0
color.blue = 0.0
// HSB
color.hue = 1.0 / 3.0
color.saturation = 1.0
color.brightness = 1.0
// Alpha
color.alpha = 1.0
Color the Circle Pixel Node green
app.node("JSON").property("URL").text = "http://some.site/file.json"
Set the URL of a JSON Data Node
let uniform = app.node("Metal").property("Variable 1").uniform
uniform.name = "myValue"
uniform.value = Math.sqrt(0.75)
Update a Uniform of a Metal Pixel Node
Pixel Node
let pixelNode = app.node("Circle")
pixelNode.resolution.width = 1920
pixelNode.resolution.height = 1080
Get a Pixel Node and set it's resolution
app.node("Circle").render()
Render the Pixel Node
Float Node
app.node("Value").floats
Get the float values of a Float Node
Data Node
let dataNode = app.node("Text")
dataNode.text = "Hello, World!"
Change the text or code of a Data Node
let javaScriptNode = app.node("JavaScript")
javaScriptNode.runCode()
Runs JavaScript Code 
Project
app.project
Access the current project
app.project.isFocused
Check if the project is in focus
Window
app.project.window
Access the currently focused window
app.project.windows
Access all windows in the project (macOS)
Area
app.project.window.area
Access the currently focused area
app.project.window.areas
Access the all areas in the current focused window (iPadOS & macOS)
app.project.window.area.currentMapNode
Access the current map node of an Area
You can check if a window or area is in focused with:.isFocused
You can compare windows and areas with: .id
Root Map Node
app.project.rootMapNode
Access the root Map Node
app.project.rootMapNode.nodes
Access nodes
Fullarea & Fullscreen
let circle = app.node("Circle")
circle.enterFullarea()
circle.exitFullarea()
circle.enterFullscreen()
circle.exitFullscreen()
Enters and Exists Fullarea and Fullscreen
Nodes - Previous
Data Nodes
Next - User Interface
Interface
Last modified 10mo ago
Copy link
Outline
Fullarea & Fullscreen