Git Product home page Git Product logo

siberia's Introduction

Siberia

ASCII image editor built on the Trans-Siberian railway. Don't know if I'll ever continue with this project, but it's a good example of a moderately complex typed web app that "just works" in the browser without any tools (no bundlers, compilers etc).

Imgur

Features

  • Hierarchy: Document > Scenes > Nodes
  • Undo history
  • Indexed glyphs/colors
  • Persistence

Roadmap

Big

  • Animation
  • Node libraries
  • Copy and paste
  • Grouping

Medium

  • Exports
  • Selection
  • Save + load
  • Router support
  • Node cloning
  • Move tool
  • Color picker
  • Shape tool
  • Brush picker
  • Persistent editor settings (view, tools, etc)
  • Palette library
  • Contextual actions (flip node, etc)
  • Node format / cell index
  • Shift click line drawing
  • Selecting multiple layers
  • Layer flattening

Small

  • Fill
  • Toast notifications
  • Prompts
  • Design a better default palette
  • Node locking
  • Allow the cursor to move out of the canvas
  • After creating a selection, move content inside selection on current node into a temporary node.

Blemishes

  • Dropdown menus glitch
  • Tooltip alignment
  • Sidebar can grow beyond page
  • No picker for color/brush yet
  • Poor styling on settings forms
  • Revision styles
  • Triangle on glyph palette

Bugs

  • Eyedropper picks the first cell (not the top cell)
  • Eyedropper is node specific
  • Symmetry is broken if node is translated
  • Move tool can't move contents of selection

Sanity

  • Using workspace to mean App.State and { state: App.State, dispatch: App.Dispatch }
  • Separate renderer hooks from events

siberia's People

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.