继续调整画面跟功能
因初始连线捞取资料会有点延迟
再加上捞完资料绘制也会需要一点时间
所以加上一个提示的讯息
说是延迟,但也就是3~5秒左右的时间
是没有太大影响,不过加个讯息会好一点
调整简易操作说明方块
原本卡在最下面不好看也占一个空间
改为类似讯息方块,显示在绘制区域上方,可以关闭
格线的标示数字之前文字设定有问题,显示太小,一起调整
接口配色些微调整
然后左方工具,笔刷方块依据全角或半角调整显示大小
而全角或半角的判断,跟AAC一样,使用Unicode官方的文件为判断的逻辑
https://www.unicode.org/reports/tr11/tr11-43.html
工具区新增一个参考图
因为在测试画兔子的时候,发现有点不好画
所以想做个汇入图片
这个汇入是使用各个browser的temp档存放空间
目前还没做完这部分,也还没想好要怎么调整图的位置、大小等
操作的部分
测试补一个touch点的移动版面判断
平板或手机的触控单指是可以滑动画面
也只能平移就是了,其他部分后续有时间再说
※ 引述《poewar (☺☻)》之铭言:
: 继续制作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,应该不用担心吃太多
: : 满有趣的,其余的部分后续再接着弄囉