Image Editor

Runtime Environment

Chrome

UI

  • Project View: The view of all projects and the current canvas.
    • Project List: The list of all projects.
    • Canvas View: The current canvas.
      • Tool View: A selection of available tools.
        • Move
        • Resize
        • Crop
        • Mystery Tool (?) 😮
      • Canvas: The actual canvas that represents the current image.
        • Layers: Multiple layers.
          • Layer: A matrix of pixel information including opacity.

State

  • Projects: A list of all projects.
  • Open Project: The currently open project being edited.
    • Modifications: A collection of patches applied to the open project since it was opened.