Cardinal Lab build 440

True 3D WebGL cards · composable motion · dynamic faces and elements

Shape

Profile

Dimensions

Sizing W 440 H 614 D 6 Wt 1×

Auto height follows visible flow elements; fixed size uses the width and height sliders. Depth changes the physical cuboid and stack separation. Weight changes how quickly target motion settles.

Move

X 450 Y 250

Demo speed 1×

Rotate

Angle 0°

Scale

Size 100%

Flip

Spin X 0° Y 0°

Card controls

Cards

Card set Spawn in

Drag

Enable dragging Touch drag Touch selection Cross-zone selection Carry Anchor

Motion tuning

Preset Lift scale 1.12× Lift time 90 ms 3D lift 0 units 3D lift time 80 ms Response 160 ms Damping 0.80 Dangly 1× Max tilt 14° Max twist 10° Grab pivot 0× Max pivot tilt 0° Pivot response 100 ms Upright 1× Landing 180 ms Bounce 0.12 Delay 80 ms Weight 0.50

Weight changes perceived response through a bounded nonlinear influence. Upright is a visual style control; zone speed settings still govern ordinary landing channels.

Deny card Deny zone Response

Drag ready. Use Space or pointer input to pick up a card.

Selection and drag help

Click to select, Ctrl/Cmd-click to toggle, or Shift-click for a range within a zone. Touch selection enables tap-to-toggle; enable Touch drag to carry the selection.

Focus a card—click its face or select it in the Cards box—then press S to toggle its selection. Shift+Arrow extends a range, Ctrl/Cmd-A selects in scope, and Escape clears. Space picks up the selection. While carrying, Arrow keys choose a slot, Tab changes zones, Enter or Space drops, and Escape cancels.

Set up batch places cards in Lake and River. Drag the selection to Ocean, Reject, then drag again and Accept. Flip selection once leaves the cards in place.

Zones

Send selected to

Slot

Cycle each populated zone through grids, fitting grids, rows, columns, splay, piles, stacks, and hand-held fans. Arrangement settings also expose target scale, face side, alignment speed, order enforcement, and fixed destination slots.

Renderer: detecting…

FPS: detecting… · 0 cards

Pointer: not observed yet

Benchmark

No report collected yet.

No report collected yet.

Inspection

Selected card None

View Content face

Inspect on hover

Enable hover inspection or focus a card to preview it. Press I or hold a card on touch to inspect. Concealed cards show their back.

Highlight

Visible Glow Primary Multiple Frame padding 6 Frame width 2 Line style Frame 0% Halo 20%

Keyboard focus

Color Padding 4 Frame width 2 Opacity 100% Offset 4 Radius 12 Line style

Selection controls style the WebGL frame. Keyboard focus controls style the visible focus ring used when navigating cards with keys.

Elements

Add:

Background target Background image URL

Presets:

Elements belong to the selected cards’ active logical face. Reorder changes flow order; overlay elements use normalized position. Layers paint background, content, foreground, and effects in a shared order.

Attachments

Select a card to try live stamps, counters, and stickers.