V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Warder
V2EX  ›  分享创造

正在做一个类似 sketch/figma 的图形编辑器,现在能够渲染 sketch 文件了

  •  5
     
  •   Warder · 2021-11-10 20:39:37 +08:00 · 3795 次点击
    这是一个创建于 1103 天前的主题,其中的信息可能已经有所发展或是发生改变。

    地址: https://skeditor.github.io/
    目前只做了图形渲染部分,还没有编辑能力。接下来准备开始实现编辑功能了。
    希望大家能够试用下并反馈遇到的问题。
    目前只支持较新版本的 sketch 文件,新版本 sketch 文件格式比较简单,就是个 zip+json 的结构。 老版本使用了 sqlite3 和 bplist 的格式还没做兼容。

    2d 图形库用的是 skia 的 WebAssembly 版本 --- canvaskit ,也就是 flutter web 项目中使用的那个。fork 了 skia 的仓库,稍微了点内容。 功能强大很好用,说实话没有 skia 这个项目很难做。

    UI 界面部分使用了 vue3 ,对 typescript 的支持好了很多。

    21 条回复    2022-02-11 11:05:05 +08:00
    dragonszy
        1
    dragonszy  
       2021-11-10 20:41:32 +08:00
    厉害了!战略马克
    crystom
        2
    crystom  
       2021-11-10 20:43:52 +08:00
    厉害了,我也想用做个类似 dreamweaver 的东西
    a62527776a
        3
    a62527776a  
       2021-11-10 20:56:13 +08:00
    太强了
    Warder
        4
    Warder  
    OP
       2021-11-10 23:01:07 +08:00
    @crystom dreamweaver 听着好有年代感了,不知道现在还有没有人在用。
    zagfai
        5
    zagfai  
       2021-11-11 00:39:57 +08:00
    dreamweaver 哈哈哈 太有年代感了。。。
    AX5N
        6
    AX5N  
       2021-11-11 05:02:32 +08:00
    frontpage 不香吗
    kaktos
        7
    kaktos  
       2021-11-11 07:44:23 +08:00
    dreamweaver 二十年前干掉了 frontpage 吧,依稀记得是...
    CSGO
        8
    CSGO  
       2021-11-11 08:16:48 +08:00 via Android
    牛,国内好多都在做这个玩意。
    Charod
        9
    Charod  
       2021-11-11 08:53:22 +08:00
    大佬牛逼,带带我
    dacapoday
        10
    dacapoday  
       2021-11-11 09:05:22 +08:00
    PixiJS ??
    houzhenhong
        11
    houzhenhong  
       2021-11-11 09:11:32 +08:00
    skia 需要用你 fork 的这个吧,不是用不了 https://github.com/blvd20/skia
    zhw2590582
        12
    zhw2590582  
       2021-11-11 09:32:28 +08:00
    你要做网页版的 sketch 嘛?工作量还挺大
    Warder
        13
    Warder  
    OP
       2021-11-11 11:29:31 +08:00
    @houzhenhong 对,本地要跑起来的话,需要用 emcc 编译 skia ,然后 link 下 canvaskit-wasm 这个包。我后面会发布下我改动的 canvaskit-wasm ,项目跑起来就会容易些。
    Warder
        14
    Warder  
    OP
       2021-11-11 11:32:38 +08:00
    @dacapoday 没有用 pixijs ,用的是 skia ,不过 pixijs 里的代码也借鉴了一些。skia 能力更强点,自带文本排版,path 布尔运算等能力。
    Warder
        15
    Warder  
    OP
       2021-11-11 11:36:33 +08:00
    @Charod
    @zhw2590582 是的,工作量挺大的,感兴趣的话可以一起来做。
    iOCZ
        16
    iOCZ  
       2021-11-12 12:37:13 +08:00
    老版本没必要支持了吧,看看能不能搞个文档记录 sketch 文件的规格,以便后续提供跨平台原生实现
    Warder
        17
    Warder  
    OP
       2021-11-12 22:33:13 +08:00
    @iOCZ 嗯,Sketch 自己在 Github 上是有一个文件格式的类型定义的
    shawndev
        18
    shawndev  
       2021-11-19 16:33:53 +08:00
    首次点击 See Some Example 之后加载的很慢而且没有加载动画,令我一度以为功能是失效的。。
    shangrenxi
        19
    shangrenxi  
       2021-11-30 15:01:13 +08:00
    不知道楼主有没有了解过 https://design.penpot.app/
    也是个开源的项目
    shelley88
        20
    shelley88  
       2021-12-07 17:24:34 +08:00
    我们是一家做图形编辑器的公司,想挖一挖你,方便联系下么?
    koi
        21
    koi  
       2022-02-11 11:05:05 +08:00
    我们在做一款类似 figma 的产品,产品已经成行,有一定的用户了,有兴趣吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2586 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 00:30 · PVG 08:30 · LAX 16:30 · JFK 19:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.