Re: [闲聊] ANSI共绘 2

楼主: poewar (☺☻)   2025-02-05 22:04:02
继续制作ansi共绘
当前结果

测试乱数绘制256色前景跟背景的符号
调整接口,切分成三大区块
左方的颜色、工具跟控制选项
目前工具只有画笔跟橡皮擦
区块留言还未开始制作,预计构想是可以方框框选一个范围然后留讯息
讯息会显示在绘制区画面上,可以切换是否显示
不知道实际如何还是要等开始弄了才行
右方留言区块简单实作出来
显示讯息列表跟输入的部分
剩下让绘制区填满中间,下方加一个讯息说明
符号列表显示

当前是简单鼠标移到右方的按钮hover后显示
列表的内容就使用AAC当中使用的资料
结构有稍微调整跟清除不用的资讯来减低档案大小
放在右边跳出是想说可以在选择的时候,看到左方功能区画笔实际显示的样子
因为让绘制区改为填满中间区域
测试不同分辨率的状况


虽然当前可以在平板上显示,但是因为我目前的操作逻辑是用鼠标判断
所以触控点按钮什么的没有问题,但是不能移动图面跟绘制
是否加入这部分的逻辑之后再看看
※ 引述《poewar (☺☻)》之铭言:
: 最近没在更新AAC软件XD
: 主要原因是,前阵子呢,看到了像素共绘觉得很有趣
: 于是就在思考是不是也来做个ANSI共绘
: 想了个一阵子,还是决定开始试试看囉
: 先上目前的成果
:

: 目前初步完成画面绘制、资料传输、颜色笔刷、符号选择
: 毕竟是共绘,所以目前还缺个留言聊天的区块
: 这部份算比较好处理了,预计放在右半边区域
: 开启辅助格线显示
:

: 也可以缩放
:

: 目前测试开 500个半型字 * 250行 的绘图范围
: 以一个半型字大小 10*20 pixels 来算,就是 5000*5000 pixels的图
: 若是建置一整张图来说可能会有点效能问题
: 所以拆成 500*500 共100张小图结合,就可以减少绘制超大张图片的一些问题
: 当前拖曳或快速缩放画面都还是可以维持60 fps(因我萤幕只有60Hz)
: 所以应该是没什么大问题了
: 接着会遇到的就是资料传输的问题了
: 初期资料已经尽量减少不必要的东西,目前没有符号的部分也不传
: 就算整个画面都有符号,全部资料量也可以在10mb左右
: 使用浏览器的IndexedDB保存资料,并记录最后一个符号的时间
: 下次在开启时,则可以使用此时间戳记取得后续有更新的区块
: 减少传送的资料量,也避免每次都整个画面资料重传
: 后端资料则是存在DB里面
: 测试存了9万多笔绘制纪录约15mb,应该不用担心吃太多
: 满有趣的,其余的部分后续再接着弄囉

Links booklink

Contact Us: admin [ a t ] ucptt.com