V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
channg
V2EX  ›  奇思妙想

奇思妙想,两天时间做了一张可以回放绘画过程的画板~

  •  
  •   channg · 2020-07-28 13:16:55 +08:00 · 4109 次点击
    这是一个创建于 1613 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://www.funens.com/

    画完之后 点击预览 就可以看绘画的过程了

    如果提交了 会生成链接 永久保存绘画的过程

    适合直男表白啥的 哈哈哈

    第 1 条附言  ·  2020-07-28 14:46:51 +08:00
    22 条回复    2020-08-06 13:32:12 +08:00
    channg
        1
    channg  
    OP
       2020-07-28 13:49:12 +08:00
    一个小代码 打开控制台 输入 code = "V2EX" 提交的时候只要 1 分钱哦 ~
    expkzb
        2
    expkzb  
       2020-07-28 13:54:57 +08:00
    这就是之前的“你画我猜”
    daen
        3
    daen  
       2020-07-28 13:58:07 +08:00
    666,和我之前的想法基本一致,但我没想到收 0.99 大洋才给保存😭
    channg
        4
    channg  
    OP
       2020-07-28 14:05:34 +08:00   ❤️ 1
    @expkzb #2 光画 太 easy 了 主要是 保存了绘画过程
    channg
        5
    channg  
    OP
       2020-07-28 14:06:06 +08:00
    @daen #3 控制台输一下 1 分钱 买不到吃亏买不到上当
    woscaizi
        6
    woscaizi  
       2020-07-28 14:10:17 +08:00
    不错不错,支持了。
    takemeaway
        7
    takemeaway  
       2020-07-28 14:17:23 +08:00
    之前搞了个远程实时画板玩了下就扔了。
    puzzle9
        8
    puzzle9  
       2020-07-28 14:27:41 +08:00
    研究了一下 竟然有支付回调验证

    虽然知道最后的地址可能是 https://www.funens.com/?hb=hbuuid
    但是嘛 居然有验证

    不过 js 中这个拼音命名方式 真的 不好形容
    不知道是因为加密还是其他什么原因 感觉你这个一个函数 在多出同时出现 比如说 qingkong 这个
    channg
        9
    channg  
    OP
       2020-07-28 14:41:48 +08:00
    @puzzle9 #8 qingkong 应该不是函数 是 是一个库 的按钮的变量名 😝
    channg
        10
    channg  
    OP
       2020-07-28 14:44:11 +08:00
    @puzzle9 #8 验证那个 你是夸我吗 哈哈哈 没支付的我存在库里了 但是不可见
    wasd6267016
        11
    wasd6267016  
       2020-07-28 15:38:41 +08:00
    能请教下嘛?一直好奇这种绘画的程序 是保存的什么,是用户的输入 还是保存线条

    我观察过有些软件的 是会把线条保存成近似曲线,你这个应该不是,应该是保留了原始笔迹的

    好奇这份数据大概有多大? 给个量级就行,mb ?
    channg
        12
    channg  
    OP
       2020-07-28 15:49:11 +08:00
    @wasd6267016 #11 看一开始的接口请求 没多大 绘制一分钟 30kb 吧
    expkzb
        13
    expkzb  
       2020-07-29 08:46:51 +08:00
    @channg 是的,由于移动端会时不时断线,别人收到的时侯是绘画的笔画数据,再把绘画过程回放出来的。
    MaverickLee
        14
    MaverickLee  
       2020-07-29 17:08:24 +08:00
    录屏?
    bohan1115
        15
    bohan1115  
       2020-07-30 10:41:01 +08:00
    这个东西我做白板的时候玩过
    jorneyr
        16
    jorneyr  
       2020-07-31 06:42:04 +08:00
    很简单的,就是把画笔的样式,移动鼠标时的每个坐标与时间 (基于开始画的时间) 保存起来,重放就是在根据时间和坐标画一遍。

    曲线没有做平滑处理,效果不好。
    channg
        17
    channg  
    OP
       2020-07-31 10:56:12 +08:00
    @jorneyr #16 时间越短越好,但是因为太短数据量会翻倍,我设置的 50 毫秒记录一次,如果不记成本,时间越短效果越好
    geekon
        18
    geekon  
       2020-08-04 10:35:09 +08:00
    我可以吐槽设计么?后面的界面密密麻麻~
    geekon
        19
    geekon  
       2020-08-04 10:37:10 +08:00
    @channg 要是能调整观看绘画过程的速度就好了,如果时间太长,没有耐心看完~
    vcode
        20
    vcode  
       2020-08-05 13:37:17 +08:00
    哈哈哈可以的
    lemon6
        21
    lemon6  
       2020-08-05 23:25:50 +08:00
    可以考虑做一下画笔平滑
    xianqin
        22
    xianqin  
       2020-08-06 13:32:12 +08:00
    支付怎么申请的呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   990 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:39 · PVG 03:39 · LAX 11:39 · JFK 14:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.