Skip to content

Room Editor

The Room Editor lets you design custom room backgrounds for your sessions. You can set a background color or image, position deck slots on the canvas, and adjust room dimensions.

What it is

Core elements

  • Custom room: a personal room background that you create and manage.
  • Background: a solid color, a single image, or a tiling pattern.
  • Deck slots: numbered positions (1–5) where card stacks appear during a session.
  • Room dimensions: width and height of the bounded workspace.
  • Grid overlay: a card-sized alignment grid to help you position elements precisely.
  • Room status: Draft, Private, Submitted, Approved, or Rejected.

Requirements

  • Account: you must be signed in with Google or Yandex.
  • Premium: an active Premium subscription is required.
  • Contributor badge: the CONTR achievement must be unlocked.
  • Slots: each account has a limited number of room slots (Premium and PRO badge grant additional slots).

Status workflow

The status workflow is identical to the Deck Editor:

  1. Draft — the room is being edited. Only you can see it.
  2. Private — the room is complete and usable in your own sessions.
  3. Submitted — the room is sent for moderation review.
  4. Approved — the room is published and available to all users.
  5. Rejected — the moderator declined the room. You can edit and resubmit.

How to use

Opening the editor

  1. Open the left panel and switch to the Room Editor tab.
  2. You will see the list of your personal rooms and a button to create a new one.
  3. Tap a room to open it in the editor canvas.

Creating a new room

  1. Click Create room (if you have available slots).
  2. Fill in the room metadata:
    • Name — room title (supports Russian and English).
    • Description — short description of the room's purpose.
  3. The room is created in Draft status.

Setting the background

You can choose between two background types:

Solid color or single image: 1. Pick a background color using the color picker or type a hex value. 2. Optionally upload a background image — it fills the room area. 3. Use the Image scale slider to adjust the image size (0.5x–3.0x).

Tiling pattern: 1. Switch the image type toggle to Tile. 2. Upload a tile image — it repeats across the room. 3. Adjust the Tile size slider (200–1200 units) to control how large each tile appears.

Adjusting room dimensions

Use the dimension controls in the settings panel:

  • Width / Height steppers: click + or – to adjust in fixed steps, or type a value directly.
  • Preset buttons: choose Standard (3000 × 2000), Wide (4000 × 2000), or Square (3000 × 3000).
  • Unbounded toggle: enable to create an infinite room with a tiling background and no boundary frame.

Unbounded rooms

When unbounded mode is on, the room has no visible frame and the background tiles infinitely. Deck slots are still positioned within a reference area.

Positioning deck slots

  1. The canvas shows up to 5 numbered slot markers.
  2. Drag a slot marker to move it to the desired position.
  3. Slots determine where card stacks appear when participants start a session.
  4. A dashed boundary line shows the room frame for reference.

Using the grid overlay

  • Press the backtick key (`) to toggle the grid overlay on and off.
  • The grid shows card-sized cells (300 × 420 units) across the viewport.
  • Use the grid to align slot positions and estimate card placement.
  • When unbounded mode is enabled, the grid is shown by default.

Publishing workflow

  1. Set the room status to Private to use it in your own sessions.
  2. Click Submit for moderation to share with all users.
  3. A moderator reviews the room and approves or rejects it.
  4. If rejected, edit and resubmit.

Scenarios

  • Themed workspace: upload a background image that matches your session theme.
  • Minimalist layout: use a solid color and position slots symmetrically.
  • Tiled pattern: use a repeating texture for an infinite-style room.
  • Precise arrangement: enable the grid overlay to snap slots to exact positions.

Tips and errors

  • If the "Create room" button is disabled, you have used all available room slots.
  • The grid overlay is a visual aid only — it does not snap objects automatically.
  • Large background images may take a moment to load on the canvas.
  • You can switch between background image and tile mode at any time while editing.
  • Room dimensions affect how much workspace participants see — choose dimensions that fit your session's card layout.
  • Unbounded rooms work best with tiling patterns — a single background image will not repeat.
  • Slot positions are saved automatically as you drag them.

Screenshots

Screenshot 19.1
Screenshot 19.1 — Room list in the editor

Elements on the screenshot: 1. Room Editor tab 2. List of personal rooms with status badges 3. "Create room" button 4. Room status indicator (Draft / Private / Submitted / Approved)

Screenshot 19.2
Screenshot 19.2 — Room editor canvas with settings panel

Elements on the screenshot: 1. Background color picker 2. Image type toggle (Background / Tile) 3. Dimension steppers (Width / Height) 4. Preset buttons (Standard / Wide / Square) 5. Unbounded mode toggle 6. Deck slot markers on the canvas 7. Dashed room boundary

Screenshot 19.3
Screenshot 19.3 — Grid overlay for alignment

Elements on the screenshot: 1. Card-sized grid cells 2. Deck slot markers aligned to grid 3. Room boundary (dashed line) 4. Background with tiling pattern