scribble.pub

Appearance

Getting Started ​

To join the community, simply go to scribble.pub. You will automatically be placed into the main room where you can watch the creative process and participate in the live chat.

For details on the different rooms (like /main, /sandbox, or /chaos), drawing access, custom rooms, and how to create a profile, see the Rooms & Community and Profiles & Settings guides.

This guide provides a quick tour of the main interface elements.

Screenshot of the full scribble.pub interfaceScreenshot of the full scribble.pub interface

Logo (Top Left) ​

It wouldn't be a special section here if it was not drawable. Click on the logo to expand it. If you create an account, you'll be able to draw on it pixel by pixel. Moreover, the current S button is also rendered in the browser tab icon.

Note that the logo is a pixel art with a relatively low resolution, so the only tool you have there is changing the pixel colors. Have fun!

Room Navigation and User Settings (Top Right) ​

The top right corner houses the Room Navigation controls and User Settings, allowing you to move between different collaborative spaces and view past artworks.

  • Active Rooms: Click on room names like /main, /sandbox, or /chaos to quickly jump between them.
  • Show all rooms — Click to zoom out and view thumbnail previews of all available rooms at a glance.
  • Gallery — Click to browse through past drawings saved in the current room's gallery, if the room has one.
  • User Menu — Click to view your profile and access settings, such as your username, nickname color, or interface theme. (See Profiles & Settings for details on profiles and customization settings.)

The Canvas (Center) ​

The center of the screen is your Canvas. This is the shared, vector-based drawing area where all the magic happens.

You can pan and zoom to find your own corner or collaborate with others. See The Canvas article for more info.

Toolbar ​

On the right side of the screen, or in the bottom left corder on portrait screens, you will find the Toolbar.

Toolbar as it seen on portrait devicesToolbar as it seen on portrait devices
Toolbar view on portrait devices (some buttons may be hidden)

Here you can access:

  • Tool Selector — Choose a drawing tool or enable "Drawing with Finger" mode.
  • Color Picker — Select drawing color.
  • Brush Size — Opens a panel to adjust the thickness of your strokes.
  • Layers & Frames — Manage drawing layers and animation frames, and see the current layer and frame number.
  • Undo — Revert your last actions.
  • Reset View — Center the view and return to 100% zoom.
  • Immersive Mode — Toggle immersive mode on/off.
  • Clearing Menu — Perform a canvas wipe, view session timers and load level.

Chat Panel (Left) ​

On the left side of the screen is the Chat Panel. For some users, it is the only place they come for.

You can customize your message color in the User Settings.

Raw chat log

By clicking Raw chat log in the bottom-right corner of the chat, you can open the raw chat log, which contains all messages in plain text. This is useful for searching for messages with the built-in browser search tool (Cmd + F). In the main interface, the messages are not searchable yet.

Shortcuts and Hidden Interactions ​

Actions only available from the keyboard ​

  • Esc - Cancel any active stroke you are drawing, both on the canvas and in the logo. It will be discarded locally and won't be sent, so other users won't see it even for a second.

Useful interactions ​

  • Fast selection in menus: In any dialog or menu, double-clicking an item selects it and immediately closes the dialog or menu, letting you continue drawing right away.

All shortcuts ​