SPOLIA

SPOLIA — User Guide

How to use SPOLIA, control by control. Nothing in here explains how it works inside — for that see SPOLIA-Technical, and for the thinking behind the supports see SPOLIA-Supports.

Open it at https://auriea.art/spolia/. It runs in any browser with WebGL2 — iPad, iPhone, Mac, PC — and works best full-screen from the home screen. The first time on a new machine it may show preparing the renderer for this graphics card for a few seconds; that happens once.

Spolia-UI-Overview

Contents

  1. What is on the screen
  2. Getting around
  3. Placing pieces
  4. Bringing in your own fragments
  5. Selecting
  6. The manipulator
  7. How pieces combine — the blue ring
  8. How the joint is cut — the ochre ring
  9. Stone — the material balls
  10. Supports — the violet ring
  11. The sun
  12. The ≡ menu
  13. Export
  14. Undo
  15. Keyboard, all of it
  16. Link options

What is on the screen

There are almost no words. Everything is a small stone object you touch.

The version stamp is cut into the lip of the shelf. If the server has a newer build it says newer version on the server — reload.

Getting around

mouse / trackpad touch
orbit drag on empty space one finger on empty space
pan Shift + drag two fingers, moving together
zoom wheel, or pinch on the trackpad pinch
frame everything double-click empty space double-tap empty space
undo Ctrl/⌘ Z two-finger tap
redo Ctrl/⌘ Shift Z three-finger tap

The camera will not go below the floor. There are no keyboard camera controls.

Placing pieces

Drag a plaque up off the shelf and let go over the scene. The piece arrives standing on the floor at the centre mark, selected. Drag sideways along the shelf to scroll it. A plain tap on a plaque does nothing (the first time, it reminds you to drag).

Up to eight pieces can be on the stage at once.

To send a piece back, drag its body (in move mode) down onto the shelf and let go.

Which way is up? Hold a plaque for half a second. A dialog shows the piece and SPOLIA's guess for its base (the flattest broad face). Turn it with as baked · tip back · tip forward · tip left · tip right · upside down, then stand it up to remember that orientation, or leave as baked. The same dialog holds delete from library — which also removes it from the Dropbox library folder, so it asks first.

Bringing in your own fragments

Drop files onto the window, or use ≡ → fragments.

Selecting

The manipulator

Move: the three axis arrows, and the dial with its six marks.
Move: the three axis arrows, and the dial with its six marks.

The dial around the selected piece carries six marks. The four on the lower and right side choose a mode; the two on the upper side are one-shot actions. The active mode is drawn darker with a small ring round it. Tap the active mode again to switch the manipulator off — then dragging the piece just orbits the view, which is useful when a piece fills the screen.

Axis colours are always the same: X terracotta, Y olive, Z slate.

mark where on the dial what it does
move — double arrow lower left three arrows along the piece's own axes; drag one to slide along it. Dragging the body slides the piece in the plane of the screen.
turn — curved arrow bottom three coloured rings turn the piece about its own axes; the outer ink ring spins it about your line of sight; dragging the body is a free trackball turn.
size — block and diagonal lower right the ink corner cube scales evenly; the three coloured blocks stretch one axis only.
flip — bar with outward heads right tap an axis mark to mirror the piece along it; tap again to put it back. A flipped axis is drawn heavier.
apply — small axis triad upper right folds the current rotation into the stone, so the handles stand square to the room again. Nothing moves. Greyed when there is nothing to apply. (Ctrl/⌘ A does the same.)
stand it back up — arrow from a ground line upper left resets the piece to the pose it has on the shelf, keeping its position.
Turn: one ring per axis, plus the outer view ring.
Turn: one ring per axis, plus the outer view ring.

The mode you choose is remembered from piece to piece.

Rings seen exactly edge-on, and stretch blocks pointing straight at you, hide themselves — orbit a little and they come back.

There is no multi-select, duplicate, or snapping.

Size: the corner cube scales evenly; each coloured block stretches one axis.
Size: the corner cube scales evenly; each coloured block stretches one axis.
Flip: one mirror mark per axis.
Flip: one mirror mark per axis.

How pieces combine — the blue ring

Four teeth, clockwise from the top:

A cutter: the head set to subtract shows as a thin blue box, and the small blue arrow between the two pieces says which cuts which.
A cutter: the head set to subtract shows as a thin blue box, and the small blue arrow between the two pieces says which cuts which.

Pieces are combined in stacking order, so order matters for cutting. A subtract or intersect piece is drawn as a thin blue wireframe box so you can still find it once it has disappeared into a hole. Wherever a cutter overlaps another piece, a small blue arrow points from the cutter to what it cuts — bright when the cut is happening, faint when it isn't. Tap the arrow to swap the two in the stack. (If you make the very first piece a subtract, it moves itself to the top so it has something to cut.)

How the joint is cut — the ochre ring

Six joint profiles, clockwise from the top: chamfer · columns · stairs · groove · engrave · weld. They shape the seam where this piece meets the rest. Slide sideways on the chosen tooth to widen or narrow it; on columns and stairs the slide sets the count (2–7) instead, and the tooth's own little drawing updates to show it.

Stone — the material balls

The material ball sits above the piece, a lit sphere of the actual stone.

The joint ball appears once there are two or more pieces, in a notch in the ochre ring. It gives every joint in the composition one substance — a mortar, a lead line, a gilded seam. Tap it for the material plus width (hairline / narrow / wide / broad), edge (hard / firm / soft / fading) and grain (fine / medium / coarse); slide it to change the width. It looks faint until you set one.

Supports — the violet ring

The overhang heatmap: red where a face leans more than 45° and would droop in a printer.
The overhang heatmap: red where a face leans more than 45° and would droop in a printer.

The outer ring handles everything to do with holding the piece up for printing. See SPOLIA-Supports for what the styles are and why.

mark shows does
overhang — leaning face, ~3 o'clock always tints every face that leans past 45° red. A way of looking only; it is not saved. Try it before and after re-orienting a piece — turning a piece is often cheaper than supporting it.
grow / clear — three falling lines, ~11 o'clock always grows supports over the whole piece; tap again to clear them. The message says how many, and how many reached the floor versus landed on the piece.
anchor — trestle, ~4 o'clock always cycles floor → wall → floor + wall. The wall stands behind the work on the side away from you. Takes effect on the next grow.
regrow — circular arrow, ~9 o'clock once grown regrows, keeping your hand-placed tips, style and material.
add — three falling lines, just below regrow once grown then tap on the piece: the spot you tap will be held up. Stays on for several taps.
style — the bold one, ~1 o'clock once grown opens the style room: smooth · trunk · vine · pelt · cloth · strut · spiral strut, each shown in your actual stone.
three small marks, ~5 o'clock cloth or strut only for cloth, how much it covers — falls / half / shroud. For strut, the section — square / hexagonal / flat slab.
ornament — bead on a stem, ~2 o'clock once grown repeats any fragment on the supports — on the ground, where they meet the piece, and/or along the struts; a few · some · many · dense. Slide to size it.
support material ball — ~10 o'clock once grown the struts' own stone, chosen independently of the piece.

Each style arrives dressed in a suggested stone (trunk in oak, vine in verde, pelt in miele, the cut struts in carrara) until you pick one yourself.

Growing, the style and the material are all in the undo history, so clearing supports by mistake is one undo.

The sun

Drag the sun ball: sideways turns the light around the piece, up and down raises and lowers it. It is the only light in the room. The shelf plaques re-light themselves a moment after you let go.

The ≡ menu

The ≡ menu, open.
The ≡ menu, open.
item does
fragments pick files from the device — meshes to bake, fragments, projects
dropbox sign in to Dropbox; once signed in, browse it (default folder: the fragment library). Tap a fragment to add it to the shelf.
projects your saved projects, with previews — on this device first, then Dropbox. × forgets a local one, ⤓ downloads the .spolia. open a file… opens one from the device.
save saves a .spolia project: into the browser, and to Dropbox /TROY/SPOLIA/projects/ if signed in. The fragments travel inside it. Named by date and time.
share uploads the composition (and any fragment the server doesn't already have) to auriea.art and copies a link. Anyone with the link opens the same arrangement.
export the export room — see below
clear empties the stage, after asking. Saved files are untouched.
skin re-carves the interface itself in any of the 28 stones. Remembered on this device.
supports: baked / live a diagnostic switch for how the supports are drawn. Leave it on baked.

Autosave: every change is kept in the browser automatically; closing the tab and coming back restores the last arrangement. It is not a substitute for save — clearing the browser's data loses it.

Export

≡ → export opens take the work out of the browser. Choose:

Then one of four ways out:

  1. STL — for 3D printing. One closed, printable surface at the printed size, supports included, cut flat at the floor.
  2. GLB — a colour 3D model. The same surface with the stone's colour, roughness, metal and shading baked on, for any 3D viewer or AR.
  3. web viewer — a page to send. A single HTML file that renders the real piece live, just as SPOLIA does. Heavier, exact.
  4. baked web viewer — opens instantly anywhere. A single HTML file holding the finished mesh. Light and fast on any phone.

The web viewers can be orbited, pinched, panned (Shift-drag) and double-tapped to frame.

Undo

Up to 60 steps. It records edits — pieces, joints, stones, supports, ornament — never camera moves. Ctrl/⌘ Z and Ctrl/⌘ Shift Z, or two- and three-finger taps.

Keyboard, all of it

key does
Backspace / Delete remove the selected piece
Ctrl/⌘ A apply rotation to the selected piece
Ctrl/⌘ Z undo
Ctrl/⌘ Shift Z redo
add to the address effect
?comp=c/…json opens a shared composition (share links already carry this)
?frag=a,b loads those library fragments and places the first
?sharp never lowers the resolution to keep up — slower, crisper

#ai