🎉 お絵かきキャンバス実装 #8
Conversation
SSlime-s
force-pushed
the
SSlime/add-canvas
branch
from
99ab13f to
afac853
Compare
Deploying nascalay-v2-preview with
|
| Latest commit: |
79f2108
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://d7a46fbd.nascalay-v2-preview.pages.dev |
| Branch Preview URL: | https://sslime-add-canvas.nascalay-v2-preview.pages.dev |
| }, []); | ||
|
|
||
| const undoHistory = useCallback((currentData: Entry) => { | ||
| if (history.current.undoList.length === 0) return null; |
There was a problem hiding this comment.
コスト周りあまり詳しくないけど例えばcanUndo/canRedoをなくしてhistoryだけをstateで管理するのとかはどう
There was a problem hiding this comment.
正直書いたの前だからあんまり覚えてないんだけど
history を ref で持ってるのは破壊的変更したほうがコピーのコスト削減できる & 読みやすいから state じゃなくて ref で持って破壊的変更してるはず
リレンダリング的な話だと history の途中 (最初でも最新でもないところ) でリレンダリング走らないからちょっとだけ得
変更し忘れ的な話をしたいんだと思うけど、この hooks 自体が小さいしシンプルだからこっちのほうが良くないかなと思うけど
There was a problem hiding this comment.
多重管理してるのがやっぱり気になるけどちょっとでもパフォーマンスいいならこれでもいいです
There was a problem hiding this comment.
ちょっとでもパフォーマンスがいいのは確かだよ (上にも理由書いてるけど)
| const next = undoHistory(now); | ||
| if (next === null) return; |
SSlime-s
force-pushed
the
SSlime/add-canvas
branch
from
40fa14c to
79f2108
Compare
| * @returns 右端の x 座標 | ||
| */ | ||
| function drawToRight( | ||
| data: Color[][], |
There was a problem hiding this comment.
| data: Color[][], | |
| colorMap: Color[][], |
とかpixelDataとかだと苦なく読める
There was a problem hiding this comment.
PR 出してるし前言ったけど bucketFill は修正しないね
向こうでも data 使ってるからそっちに書いてくれ
| }, []); | ||
|
|
||
| const undoHistory = useCallback((currentData: Entry) => { | ||
| if (history.current.undoList.length === 0) return null; |
There was a problem hiding this comment.
コスト周りあまり詳しくないけど例えばcanUndo/canRedoをなくしてhistoryだけをstateで管理するのとかはどう
| }, []); | ||
|
|
||
| const undoHistory = useCallback((currentData: Entry) => { | ||
| if (history.current.undoList.length === 0) return null; |
There was a problem hiding this comment.
多重管理してるのがやっぱり気になるけどちょっとでもパフォーマンスいいならこれでもいいです
ベースは v1 のときのやつ
ガッツリリファクタしたから原型はあんまない
塗りつぶし部分はほぼまんま
端っこで途切れないようにいい感じにした
localhost:5173/tmp2でぐりぐりできます