Peer-to-peer canvas app for Urbit

Canvas for ~Urbit

Video Demo

Features

• Each stroke is stored automatically on your Urbit.
• Export Canvas Images as SVG/PNG files.
  • Allows for selective removal of the Color Palette and/or Hexagonal Mesh.
  • Image files are stored on your Urbit and served through %eyre.
  • Option to share a canvas file in a chat room.
• Allows creation of Public/Private Canvas.
  • A shared canvas becomes local once the subscription is pulled.
  • Others can join a Public Canvas and work collaboratively in a cool art project.

Installation

In order to run your canvas app on your ship, before |install is implemented natively on urbit, you will need to mount your pier to Unix with |mount % .

Then you need to add the path to you urbit's pier in .urbitrc. The file is not provided by this repo so you need to create it manually:

module.exports = {
  URBIT_PIERS: [
    "PATH/TO/YOUR/PIER",
  ]
};

You have two options to mount the canvas into your pier:

• npm run build

This builds your application and copies it into your Urbit ship's desk. In your Urbit (v.0.8.0 or higher) |commit %home (or %your-desk-name ) to synchronize your changes.

• npm run serve

Builds the application and copies it into your Urbit ship's desk, watching for changes. In your Urbit (v.0.8.0 or higher) |commit %home (or %your-desk-name ) to synchronize your changes.

When you make changes, the urbit directory will update with the compiled application and, if you're running npm run serve , it will automatically copy itself to your Urbit ship when you save your.

Running

To start the canvas agent run this commands from %dojo :

> |start %canvas
>=
> |start %canvas-view
>=

If the tile doesn't load on the Home page screen run this command:

> :launch &launch-action [%remove %canvas-view /canvastile]
>=
> :launch &launch-action [%add %canvas-view /canvastile '/~canvas/js/tile.js']
>=

Direct link: <YOUR_URL>/~canvas

Templates

• Hexagonal Mesh.
  • Templates:
    • Bitcoin Logo
    • Urbit Canvas Logo
    • _friendly Martian
    • Urbit Sigil _{~norsyr-torryn!}
• World Maps: US, Europe, Africa (more soon...)
• Freehand Canvas.

Mesh

Bitcoin

Sigil

Martian

Europe

Africa

US

FreeHand

Share on Chat (I)

Share on Chat (II)