[閒聊] ANSI共繪

作者: poewar (☺☻)   2024-12-26 22:43:30
最近沒在更新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,應該不用擔心吃太多
滿有趣的,其餘的部分後續再接著弄囉
作者: htx9 (螞蟻)   2024-12-29 22:09:00

Links booklink

Contact Us: admin [ a t ] ucptt.com