/yosoyubik/canvas

yosoyubik/canvas


Header

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:

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.

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

Mesh

Bitcoin

Bitcoin

Sigil

Sigil

Martian

Martian

Europe

Europe

Africa

Africa

US

US

FreeHand

Free

Share on Chat (I)

Chat

Share on Chat (II)

Chat

Original Source