继续调整画面跟功能 因初始连线捞取资料会有点延迟 再加上捞完资料绘制也会需要一点时间 所以加上一个提示的讯息 https://imgur.com/klto6b8 https://imgur.com/rmLTouy 说是延迟，但也就是3~5秒左右的时间 是没有太大影响，不过加个讯息会好一点 调整简易操作说明方块 https://imgur.com/sEGOd2i 原本卡在最下面不好看也占一个空间 改为类似讯息方块，显示在绘制区域上方，可以关闭 格线的标示数字之前文字设定有问题，显示太小，一起调整 https://imgur.com/eDLwl0E https://imgur.com/F9pPsgm 介面配色些微调整 然後左方工具，笔刷方块依据全形或半形调整显示大小 而全形或半形的判断，跟AAC一样，使用Unicode官方的文件为判断的逻辑 https://www.unicode.org/reports/tr11/tr11-43.html 工具区新增一个参考图 因为在测试画兔子的时候，发现有点不好画 所以想做个汇入图片 这个汇入是使用各个browser的temp档存放空间 目前还没做完这部分，也还没想好要怎麽调整图的位置、大小等 操作的部分 测试补一个touch点的移动版面判断 平板或手机的触控单指是可以滑动画面 也只能平移就是了，其他部分後续有时间再说 ※ 引述《poewar (☺☻)》之铭言： : 继续制作ansi共绘 : 当前结果 : https://imgur.com/KtiYd8M : 测试乱数绘制256色前景跟背景的符号 : 调整介面，切分成三大区块 : 左方的颜色、工具跟控制选项 : 目前工具只有画笔跟橡皮擦 : 区块留言还未开始制作，预计构想是可以方框框选一个范围然後留讯息 : 讯息会显示在绘制区画面上，可以切换是否显示 : 不知道实际如何还是要等开始弄了才行 : 右方留言区块简单实作出来 : 显示讯息列表跟输入的部分 : 剩下让绘制区填满中间，下方加一个讯息说明 : 符号列表显示 : https://imgur.com/0us3Dfu : 当前是简单滑鼠移到右方的按钮hover後显示 : 列表的内容就使用AAC当中使用的资料 : 结构有稍微调整跟清除不用的资讯来减低档案大小 : 放在右边跳出是想说可以在选择的时候，看到左方功能区画笔实际显示的样子 : 因为让绘制区改为填满中间区域 : 测试不同解析度的状况 : https://imgur.com/dCmab7D : https://imgur.com/N4iGNWp : 虽然当前可以在平板上显示，但是因为我目前的操作逻辑是用滑鼠判断 : 所以触控点按钮什麽的没有问题，但是不能移动图面跟绘制 : 是否加入这部分的逻辑之後再看看 : ※ 引述《poewar (☺☻)》之铭言： : : 最近没在更新AAC软体XD : : 主要原因是，前阵子呢，看到了像素共绘觉得很有趣 : : 於是就在思考是不是也来做个ANSI共绘 : : 想了个一阵子，还是决定开始试试看罗 : : 先上目前的成果 : : https://imgur.com/u11hzmY : : 目前初步完成画面绘制、资料传输、颜色笔刷、符号选择 : : 毕竟是共绘，所以目前还缺个留言聊天的区块 : : 这部份算比较好处理了，预计放在右半边区域 : : 开启辅助格线显示 : : https://imgur.com/9B09L3A : : 也可以缩放 : : https://imgur.com/8s44Zm7 : : 目前测试开 500个半型字 * 250行 的绘图范围 : : 以一个半型字大小 10*20 pixels 来算，就是 5000*5000 pixels的图 : : 若是建置一整张图来说可能会有点效能问题 : : 所以拆成 500*500 共100张小图结合，就可以减少绘制超大张图片的一些问题 : : 当前拖曳或快速缩放画面都还是可以维持60 fps(因我萤幕只有60Hz) : : 所以应该是没什麽大问题了 : : 接着会遇到的就是资料传输的问题了 : : 初期资料已经尽量减少不必要的东西，目前没有符号的部分也不传 : : 就算整个画面都有符号，全部资料量也可以在10mb左右 : : 使用浏览器的IndexedDB保存资料，并记录最後一个符号的时间 : : 下次在开启时，则可以使用此时间戳记取得後续有更新的区块 : : 减少传送的资料量，也避免每次都整个画面资料重传 : : 後端资料则是存在DB里面 : : 测试存了9万多笔绘制纪录约15mb，应该不用担心吃太多 : : 满有趣的，其余的部分後续再接着弄罗 -- ◤ ◤ ◤ ◤ANSI绘图软体 ◤ ◤ ANSI Art Creator ◤ ◤ ◤ https://aac.iverv.com ◤ ◤ ◤ ◤ ◣ --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.133.5.88 (台湾) ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/asciiart/M.1740332855.A.100.html