作者poewar (☺☻)
看板asciiart
标题Re: [闲聊] ANSI共绘
时间Wed Feb 5 22:04:02 2025
继续制作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.1738764246.A.8CE.html
※ 编辑: poewar (220.133.5.88 台湾), 02/05/2025 22:09:48