Getting Started

This is a very barebones WIP tutorial, if you have any questions, feel free to join our Discord!

Everything is subject to change, and sorry that it looks ugly.

Add things

Everything on a slide is a node. Click New node at the top of the Hierarchy.

Move things

• Click to select. Shift + click to select more.
• Drag to move. Things snap into line.
• Drag a corner to resize. Ctrl + drag a corner to rotate.
• Select a few nodes to align them.

Change how things look

Select a node and use Properties:

• Transform: position and size
• Layout: free or grid, plus background
• Typography: font, size, colour
• Shape: kind, fill, outline
• Image: picture and fit

Animation and Event are extras. Add them from Properties.

Draw shapes

Press P for the Pen and click to place points. Press Enter to finish. Press A to move points later.

Assets

Open Assets from the rail and drop files in. Then drag an asset onto the slide.

3D

1. Add a 3D Canvas. It comes with a camera and a background.
2. Drag a 3D model from Assets onto it, or add a 3D Object inside it.
3. Select the object and drag it around, or use its transform (position, rotation, scale).

On a 3D Object, model picks the shape: box, sphere, icosahedron, triangle, or your own model. You can also set its colour and a picture as its texture.

Models can be .glb, .gltf, .fbx, .obj or .stl.

Move the camera on the 3D Canvas to change the view.

Variables

Save a value once, use it everywhere.

1. Add a variable in Base → variables.
2. Type {{ name }} to use it.

Built in: {{ slides.index }}, {{ slides.count }}, {{ deck.title }}, {{ date }}.

Shared nodes

Same logo on every slide? Give the nodes the same name in Base → reference. They now stay in sync.

States

A state is another look for a node, like "big". Add one in Base → states.

Animation

1. Add Animation to a node.
2. Move the playhead.
3. Change something. Quartz saves a key.

Press play to watch. Set loop to repeat.

Events

Add Event, then pick on and do.

• on: click, hover, key, enter (slide opens)
• do: setState, toggleState, animate, seek, nextSlide, prevSlide, goToSlide

Present

Click the run button at the top, then Confirm under Local.

Keyboard shortcuts

Mod is Ctrl on Windows, Cmd on Mac.

Editor

Canvas

Pen

Lists and panels