eschersketch, 探索对称设计的绘图程序

分享于 

3分钟阅读

GitHub

  繁體 雙語
A drawing program for exploring symmetrical designs
  • 源代码名称:eschersketch
  • 源代码网址:http://www.github.com/levskaya/eschersketch
  • eschersketch源代码文档
  • eschersketch源代码下载
  • Git URL:
    git://www.github.com/levskaya/eschersketch.git
    Git Clone代码到本地:
    git clone http://www.github.com/levskaya/eschersketch
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/levskaya/eschersketch
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Eschersketch

    这个程序是用来实验在经典的墙纸群和玫瑰点组的Pattern 设计。 它允许用户实时绘制和布局重复模式。

    这个版本已经从早期的简单Prototype彻底彻底地。 它在移动和桌面浏览器上工作得相当好。 现在支持撤消/恢复和基本矢量图形基元集。

    它具有PNG和SVG输出功能。 此外,它还可以导出高分辨率 PNG"平铺",适合使用 Photoshop Pattern 填充。图形纹理或者上传到服务( 如 SpoonflowerContrado ) 以便在打印模式中使用。

    本地安装/生成设置

    内置 ES6,web pack,babel,Vue 2.0. 项目结构派生自 vuejs es6 web pack模板。 本地运行的( repodocs ) 需要 npm,并且应该尽可能简单地运行以下代码:

    
    
    
    
    # install dependencies
    
    
    npm install
    
    
    
    # serve with hot reload at localhost:8080
    
    
    npm run dev
    
    
    
    

    代码注释

    当前处理所有dom相关的UI元素,但不处理画布图形和状态管理,因为它不实际。 我可以考虑使画布管理更加加强它的React性工具,但可能会分别组织。简化和推广图形状态管理。

    几乎所有操作都通过简单的全局状态存储和事件总线进行路由,但是它还没有移植到Vuex中,但这并不难。

    外部库/工具


    EXP  DES  设计  Symmetric