1
qile1 2021-04-23 23:25:36 +08:00 via Android
web 版本得吗?视频为啥是黑色的
|
2
yingzir OP @qile1 是的,demo 用 canvas2d 实现的,web 版本有些局限,画面内容过多性能还是有问题,后面如果做产品的话,可能会用 bgfx+SDL 来实现
|
3
turtlekey 2021-04-24 13:06:06 +08:00 via Android
web 版开源吗,想自己部署
|
4
qile1 2021-04-24 13:40:39 +08:00 via Android
看到效果了,分享有没有连接,自己玩玩
|
5
yingzir OP |
6
yuuko 2021-04-24 22:46:29 +08:00 via Android
关注下,ios 有个差不多的软件,就叫无限草稿
|
7
yingzir OP @yuuko 谢谢推荐,刚下下来试了一下,它只能做到十倍缩放,笔记用还不错,我这个主要是娱乐,创作无限大的画挺不错,如果能协作做无限大的画,肯定很有意思,比喻做一个手绘的城市,做一个无限细节的生物。
|
8
zhw2590582 2021-04-25 14:02:27 +08:00
好想法
|
11
yingzir OP @zhw2590582 谢谢
|
12
ddzzhen 2021-04-26 08:50:07 +08:00 via Android
关注,看着很不错,创造的基础
|
13
xiyuesaves 2021-04-26 11:53:49 +08:00
挺不错的创意诶,关注下
|
14
cyrtab 2021-04-26 16:15:46 +08:00
关注一下
|
15
xiayue 2021-04-28 12:13:27 +08:00
挺好的 开源了 @下
|
16
xiyuesaves 2021-04-28 12:32:56 +08:00
|
17
superliwei 2021-04-28 14:10:21 +08:00
之前尝试过做无限缩放,但对一般用户这个功能意义不大,而且很容易导致找不到东西,所以现在的白板软件基本上都固定了缩放的上下限。
分享下我做的白板: https://boardos.online |
18
yingzir OP @xiyuesaves Hi 是什么软件,看起来不错
|
19
yingzir OP @superliwei github 登录 报错{"statusCode":404,"error":"Not Found","message":"Not Found"}
搞个不注册试用就好了。 |
20
superliwei 2021-04-28 23:50:51 +08:00
@yingzir github 有时会有这个问题,可以试试其它登陆方式。
|
21
itabas016 2021-04-29 10:18:12 +08:00 via Android
@superliwei #17 移动端不支持啊
|
22
superliwei 2021-04-29 10:50:16 +08:00
@itabas016 是的,后续会适配.
|
23
xiyuesaves 2021-04-29 11:09:43 +08:00 via Android
@yingzir 也是拿 canvas 实现的一个 demo,正好想实践一下这方面的知识,就用了楼主的创意,希望不要介意
|
24
yingzir OP @xiyuesaves 很好啊,canvas2d 做就是性能有些更不上,我画多点就卡,好像没有很好的办法
|
25
xiyuesaves 2021-04-29 13:46:42 +08:00
@yingzir 可以看一下我做的, 确实点一多就会出现卡顿, 这个优化我还在做,可以在控制台输入 highPerformanceDrag = true 来切换到高性能拖动,就是预览效果不太好
https://canvas.furryworld.top |
26
superliwei 2021-04-29 15:50:42 +08:00
@xiyuesaves 可以通过缓存、裁剪、延迟渲染等方式来优化性能
|
27
xiyuesaves 2021-04-29 17:03:06 +08:00
@superliwei 谢谢建议, 现在正在研究怎么多人联机
|
28
yingzir OP @xiyuesaves 哇你动作真快啊,域名都搞好了,不错,看好你的项目了,笔触有点大,小点就好了,搞个保存。基本就可以用起来了
|
29
xiyuesaves 2021-04-29 20:12:36 +08:00
@yingzir 域名是早就买了的,分个二级,nginx 配置下就好了,笔触大小的话,改下配置文件就行,保存功能大概得花点时间,现在主要是在写多人联机部分
|
30
xiyuesaves 2021-05-06 17:24:08 +08:00
@yingzir 基本上功能已经完成了,可以看一下 x
https://canvas.furryworld.top/ 邀请码目前默认: xiyue github(代码特别特别特别菜,轻喷): https://github.com/xiyuesaves/infiniteCanvas |
31
yingzir OP @xiyuesaves Good! 刚试了一下,挺不错了,就是画完 zoom 的时候卡顿,我怀疑浏览器做这个可能比较难优化。
|
32
xiyuesaves 2021-05-07 12:31:54 +08:00
@yingzir 卡顿的主要原因是每个浏览器针对 mousemove 这个监听返回的频率不同导致的,比如 chrome,正常情况下这个绘制量是不可能导致卡顿的,但是打开控制台之后 mousemove 触发频率会提高很多,导致每一笔要处理的数据量很大,主要体现就是线条会变得歪歪扭扭的,正常情况下应该是很顺滑的曲线,这个暂时还没想要要怎么处理
|
33
yingzir OP @xiyuesaves 不是画的时候卡,是缩放,和移动时候,画的时候觉得不卡。
|
34
xiyuesaves 2021-05-07 14:30:53 +08:00
@yingzir 画确实不会卡啊,因为根本不会重绘画面,只会向上叠加,只有在缩放,拖动时会重绘所有路径
|
35
M3oM3oBug 2021-05-10 09:30:03 +08:00
@xiyuesaves 不同浏览器对 mousemove 的监听,在打开控制台触发频率会高的问题,我之前做过尝试,第一是因为鼠标刷新率的问题,比如 125Hz/500Hz/1000Hz,触发高是浏览器完全接受了鼠标的反馈,第二是因为浏览器调试问题,至少 Chrome 在调试的时候会主动限制在低频,在开关控制台后限制消失。。
解决办法是主动给监听函数设置一个依靠时间或 setTimeout 实现的节流,或者使用 requestAnimationFrame 实现每帧节流,可以试下 |
36
xiyuesaves 2021-05-10 12:31:05 +08:00
@M3oM3oBug requestAnimationFrame 也会根据用户显示设备帧数改变,最好还是用 setTimeout 来节流比较稳定吧?
|