{"id":12787,"date":"2026-09-28T01:00:00","date_gmt":"2026-09-27T16:00:00","guid":{"rendered":"https:\/\/www.webcyou.com\/?p=12787"},"modified":"2026-09-25T00:37:50","modified_gmt":"2026-09-24T15:37:50","slug":"%e3%80%90r-chr%e3%80%91rust-egui-%e3%81%a7%e3%83%95%e3%82%a1%e3%83%9f%e3%82%b3%e3%83%b3%e7%94%a8%e3%82%b9%e3%83%97%e3%83%a9%e3%82%a4%e3%83%88%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%82%92%e4%bd%9c-4","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=12787","title":{"rendered":"\u3010R-CHR\u3011Rust + egui \u3067\u30d5\u30a1\u30df\u30b3\u30f3\u7528\u30b9\u30d7\u30e9\u30a4\u30c8\u30a8\u30c7\u30a3\u30bf\u3092\u4f5c\u3063\u305f\u8a71 \u305d\u306e4 \u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u306e\u57fa\u790e\u3068\u30a2\u30f3\u30c9\u30a5\u8a2d\u8a08"},"content":{"rendered":"\n<p>\u3069\u3082\u3067\u3059\u3002<\/p>\n<p>\u6700\u8fd1\u306f\u3001\u30ad\u30e3\u30c3\u30c1\u30a2\u30a4\u753b\u50cf\u3082Chat-GPT\u306b\u751f\u6210\u3057\u3066\u3082\u3089\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u3059\u3054\u304f\u697d\u3067\u3088\u3044\u3067\u3059\u306d\u3002\u307e\u305f\u3001\u30d5\u30a1\u30df\u30b3\u30f3\u304c\u30d5\u30a1\u30df\u30b3\u30f3\u307d\u304f\u306a\u304f\u3066AI\u5473\u3092\u3059\u3054\u304f\u51fa\u3057\u3066\u3044\u308b\u306e\u304c\u307e\u305f\u3044\u3044\u306a\u3068\u305d\u306e\u307e\u307e\u5229\u7528\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n<p>\u3055\u3066\u3001\u524d\u56de\u306f\u30d0\u30f3\u30af\u30d3\u30e5\u30fc\u3067 CHR \u5168\u4f53\u3092\u8868\u793a\u3057\u3066\u3001\u30bf\u30a4\u30eb\u3092\u30af\u30ea\u30c3\u30af\u3067\u9078\u3079\u308b\u3068\u3053\u308d\u307e\u3067\u6765\u307e\u3057\u305f\u3002\u4eca\u56de\u306f\u305d\u306e\u9078\u3093\u3060\u30bf\u30a4\u30eb\u3092\u5b9f\u969b\u306b\u7de8\u96c6\u3059\u308b<strong>\u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf<\/strong>\u306e\u8a71\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u30a8\u30c7\u30a3\u30bf\u3067\u3042\u308b\u4ee5\u4e0a\u3001\u300c\u5857\u308b\u300d\u3060\u3051\u3067\u306a\u304f\u300c\u623b\u305b\u308b\u300d\u3053\u3068\u304c\u91cd\u8981\u3067\u3057\u3066\u3002\u4eca\u56de\u306f\u63cf\u753b\u30c4\u30fc\u30eb\u306e\u4e2d\u3067\u3082\u4e00\u756a\u57fa\u672c\u306e\u30da\u30f3\u30c4\u30fc\u30eb\u3092\u984c\u6750\u306b\u3001<strong>UI \u3068\u30c7\u30fc\u30bf\u66f4\u65b0\u306e\u5206\u96e2\u3001\u5ea7\u6a19\u5909\u63db\u3001\u305d\u3057\u3066\u30a2\u30f3\u30c9\u30a5\u306e\u8a2d\u8a08<\/strong>\u3092\u307e\u3068\u3081\u305f\u5f62\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h4>\u9023\u8f09\u306e\u76ee\u6b21<\/h4>\n<ol>\n<li>\u6982\u8981\u3068\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/li>\n<li>NES \u306e CHR \u30d5\u30a9\u30fc\u30de\u30c3\u30c8\uff082BPP\uff09\u3068 iNES \u30d8\u30c3\u30c0\u3001\u30d1\u30ec\u30c3\u30c8<\/li>\n<li>egui \u3067\u7d44\u3080 3 \u30d1\u30cd\u30eb UI \u3068\u30d0\u30f3\u30af\u30d3\u30e5\u30fc<\/li>\n<li><strong>\u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u306e\u57fa\u790e\u3068\u30a2\u30f3\u30c9\u30a5\u8a2d\u8a08\uff08\u3053\u306e\u8a18\u4e8b\uff09<\/strong><\/li>\n<li>\u56f3\u5f62\u30c4\u30fc\u30eb\uff08Bresenham\u30fb\u6955\u5186\u30fb\u5857\u308a\u3064\u3076\u3057\u30fb\u30b9\u30bf\u30f3\u30d7\uff09<\/li>\n<li>PNG \u30a4\u30f3\u30dd\u30fc\u30c8\u3068 3 \u3064\u306e\u30de\u30c3\u30d4\u30f3\u30b0\u6226\u7565<\/li>\n<li>macOS \u30cd\u30a4\u30c6\u30a3\u30d6\u30e1\u30cb\u30e5\u30fc\u30fb\u591a\u8a00\u8a9e\u5bfe\u5fdc\u30fbGitHub Actions \u3067\u306e\u30ea\u30ea\u30fc\u30b9<\/li>\n<\/ol>\n<h4>\u30c4\u30fc\u30eb\u4e00\u89a7<\/h4>\n<p>\u307e\u305a\u306f\u5168\u4f53\u50cf\u304b\u3089\u3002R-CHR \u306b\u306f 10 \u7a2e\u985e\u306e\u63cf\u753b\u30c4\u30fc\u30eb\u304c\u3042\u308a\u3001\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u30a2\u30a4\u30b3\u30f3\u3067\u5207\u308a\u66ff\u3048\u307e\u3059\u3002<\/p>\n<p class=\"image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/retrodig\/r-chr\/main\/design\/r-chr-toolbar.png\" width=\"300\" \/><\/p>\n<table style=\"border-collapse: collapse; width: 100%;\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>\u30c4\u30fc\u30eb<\/th>\n<th>\u52d5\u4f5c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>0<\/td>\n<td>\u30da\u30f3<\/td>\n<td>\u30af\u30ea\u30c3\u30af \/ \u30c9\u30e9\u30c3\u30b0\u3067 1 \u30c9\u30c3\u30c8\u305a\u3064\u63cf\u304f<\/td>\n<\/tr>\n<tr>\n<td>1<\/td>\n<td>\u30da\u30f3\uff08\u30d1\u30bf\u30fc\u30f3\uff09<\/td>\n<td>\u5e02\u677e\u6a21\u69d8\u3067\u63cf\u304f<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>\u76f4\u7dda<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u76f4\u7dda\uff08Bresenham\uff09<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>\u77e9\u5f62\uff08\u67a0\u7dda\uff09<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u77e9\u5f62\u306e\u67a0\u3060\u3051<\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td>\u77e9\u5f62\uff08\u5857\u308a\uff09<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u77e9\u5f62\u3092\u5857\u308a\u3064\u3076\u3057<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>\u77e9\u5f62\uff08\u30d1\u30bf\u30fc\u30f3\uff09<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u77e9\u5f62\u3092\u5e02\u677e\u6a21\u69d8\u3067\u5857\u308b<\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td>\u6955\u5186\uff08\u67a0\u7dda\uff09<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u6955\u5186\u306e\u8f2a\u90ed<\/td>\n<\/tr>\n<tr>\n<td>7<\/td>\n<td>\u6955\u5186\uff08\u5857\u308a\uff09<\/td>\n<td>\u30c9\u30e9\u30c3\u30b0\u3067\u6955\u5186\u3092\u5857\u308a\u3064\u3076\u3057<\/td>\n<\/tr>\n<tr>\n<td>8<\/td>\n<td>\u5857\u308a\u3064\u3076\u3057<\/td>\n<td>\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u6240\u3068\u540c\u3058\u8272\u306e\u9818\u57df\u3092\u5857\u308b\uff08BFS\uff09<\/td>\n<\/tr>\n<tr>\n<td>9<\/td>\n<td>\u30b9\u30bf\u30f3\u30d7<\/td>\n<td>\u7bc4\u56f2\u3092\u9078\u3093\u3067\u30b3\u30d4\u30fc\u3057\u3001\u4f55\u5ea6\u3067\u3082\u8cbc\u308c\u308b<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u5171\u901a\u64cd\u4f5c\u3068\u3057\u3066\u3001<strong>\u53f3\u30af\u30ea\u30c3\u30af\u306f\u30b9\u30dd\u30a4\u30c8<\/strong>\u3067\u3001\u30af\u30ea\u30c3\u30af\u3057\u305f\u30c9\u30c3\u30c8\u306e\u8272\u304c\u63cf\u753b\u8272\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u4eca\u56de\u306f\u3053\u306e\u3046\u3061 0 \u3068 1\u3001\u305d\u308c\u3068\u30a2\u30f3\u30c9\u30a5\u3068\u30b3\u30d4\u30fc &amp; \u30da\u30fc\u30b9\u30c8\u30022\u301c9 \u306f\u6b21\u56de\u3067\u3059\u3002<\/p>\n<h4>UI \u3068\u30c7\u30fc\u30bf\u66f4\u65b0\u3092\u5206\u96e2\u3059\u308b\uff1aEditorAction<\/h4>\n<p>egui \u306e <code>update()<\/code> \u306f\u30d5\u30ec\u30fc\u30e0\u3054\u3068\u306b 1 \u56de\u3001UI \u5168\u4f53\u3092\u63cf\u304d\u76f4\u3057\u307e\u3059\u3002\u305d\u306e\u6700\u4e2d\u306b\u300c\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u306e\u3067 CHR \u30c7\u30fc\u30bf\u3092\u66f8\u304d\u63db\u3048\u3066\u2026\u300d\u3068\u3084\u308a\u59cb\u3081\u308b\u3068\u3001<code>self<\/code> \u306e\u501f\u7528\u304c UI \u30af\u30ed\u30fc\u30b8\u30e3\u3068\u885d\u7a81\u3057\u3066\u3042\u3063\u3068\u3044\u3046\u9593\u306b\u501f\u7528\u30c1\u30a7\u30c3\u30ab\u30fc\u306b\u6012\u3089\u308c\u307e\u3059\u3002<\/p>\n<p>\u306a\u306e\u3067 R-CHR \u3067\u306f\u3001\u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u306e\u63cf\u753b\u95a2\u6570\u306f<strong>\u300c\u4f55\u3092\u3059\u3079\u304d\u304b\u300d\u3092\u8868\u3059\u5024\u3092\u8fd4\u3059\u3060\u3051<\/strong>\u306b\u3057\u3066\u3001\u5b9f\u969b\u306e\u30c7\u30fc\u30bf\u66f4\u65b0\u306f UI \u63cf\u753b\u304c\u7d42\u308f\u3063\u3066\u304b\u3089\u5225\u306e\u95a2\u6570\u3067\u884c\u3046\u3001\u3068\u3044\u3046\u5f62\u306b\u5206\u3051\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"raw\">show_dot_editor() \u2192 Option\n         \u2193\napply_action(action: EditorAction)  \u2190 CHR \u66f8\u304d\u8fbc\u307f\u30fbundo \u51e6\u7406<\/pre>\n<p><code>EditorAction<\/code> \u306f enum \u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">\/\/\/ \u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u304c\u767a\u884c\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\uff08UI \u63cf\u753b\u3068\u30c7\u30fc\u30bf\u5909\u66f4\u3092\u5206\u96e2\u3059\u308b\u305f\u3081\uff09\npub(super) enum EditorAction {\n    \/\/\/ \u30c9\u30c3\u30c8\u3092\u5857\u308b\u3002push_undo=true \u306e\u3068\u304d\u306f\u5909\u66f4\u524d\u306e\u30bf\u30a4\u30eb\u3092 undo \u30b9\u30bf\u30c3\u30af\u3078\n    PaintDot { tile_offset: usize, px: usize, py: usize, color: u8, push_undo: bool },\n    \/\/\/ \u30b9\u30dd\u30a4\u30c8\uff1a\u30c9\u30c3\u30c8\u306e\u8272\u3092\u63cf\u753b\u8272\u3068\u3057\u3066\u53d6\u5f97\n    Eyedrop { color_idx: u8 },\n    \/\/\/ \u63cf\u753b\u8272\u306e\u9078\u629e\n    SelectDrawingColor { color_idx: u8 },\n    \/\/\/ \u7dda\u30c4\u30fc\u30eb\uff1a\u78ba\u5b9a\u3057\u305f\u30c9\u30c3\u30c8\u5217 (tile_offset, px_in_tile, py_in_tile) \u3092\u4e00\u62ec\u9069\u7528\n    ApplyLine { pixels: Vec&lt;(usize, usize, usize)&gt; },\n    \/\/\/ \u30b9\u30bf\u30f3\u30d7\uff1a(tile_offset, px_in_tile, py_in_tile, color_idx) \u3092\u4e00\u62ec\u9069\u7528\n    ApplyStamp { pixels: Vec&lt;(usize, usize, usize, u8)&gt; },\n}<\/pre>\n<p><code>app.rs<\/code> \u5074\u306e\u547c\u3073\u51fa\u3057\u306f\u3053\u3046\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">let mut editor_action: Option = None;\negui::SidePanel::right(\"dot_editor_panel\")\n    \/\/ ...\n    .show(ctx, |ui| {\n        editor_action = self.show_dot_editor(ui);\n    });\n\n\/\/ \u2500\u2500 \u30d0\u30f3\u30af\u30d3\u30e5\u30fc\uff08CentralPanel\uff09...\n\n\/\/ \u2500\u2500 \u30a2\u30af\u30b7\u30e7\u30f3\u9069\u7528\uff08UI \u63cf\u753b\u5f8c\uff09\nif let Some(action) = editor_action {\n    self.apply_action(action);\n}<\/pre>\n<p>\u3053\u3046\u3057\u3066\u304a\u304f\u3068\u30011 \u30d5\u30ec\u30fc\u30e0\u306b\u3064\u304d\u6700\u5927 1 \u3064\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u304c\u3001UI \u63cf\u753b\u304c\u3059\u3079\u3066\u7d42\u308f\u3063\u305f\u3042\u3068\u306b\u78ba\u5b9f\u306b 1 \u56de\u3060\u3051\u9069\u7528\u3055\u308c\u307e\u3059\u3002\u501f\u7528\u306e\u554f\u984c\u304c\u6d88\u3048\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u300c\u30c7\u30fc\u30bf\u304c\u5909\u308f\u308b\u30bf\u30a4\u30df\u30f3\u30b0\u300d\u304c 1 \u7b87\u6240\u306b\u7d5e\u3089\u308c\u308b\u306e\u3067\u3001<code>is_modified<\/code> \u3084 <code>texture_dirty<\/code> \u306e\u30d5\u30e9\u30b0\u7ba1\u7406\u3082 <code>apply_action()<\/code> \u306e\u4e2d\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002<\/p>\n<h4>\u30ad\u30e3\u30f3\u30d0\u30b9\u306e\u63cf\u753b<\/h4>\n<p>\u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u306f\u3001\u30d0\u30f3\u30af\u30d3\u30e5\u30fc\u3067\u9078\u629e\u3057\u305f\u30bf\u30a4\u30eb\u3092\u5de6\u4e0a\u3068\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u30b5\u30a4\u30ba\u3076\u3093\u306e N\u00d7N \u30bf\u30a4\u30eb\uff08<code>block_px = n * 8<\/code> \u30c9\u30c3\u30c8\u56db\u65b9\uff09\u3092\u62e1\u5927\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<p>\u307e\u305a\u524d\u3005\u56de\u306e <code>decode_block()<\/code> \u3067\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u8272\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e 2 \u6b21\u5143\u914d\u5217\u306b\u30c7\u30b3\u30fc\u30c9\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u6bce\u30d5\u30ec\u30fc\u30e0\u3084\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u6700\u5927\u3067\u3082 128\u00d7128 = 16,384 \u8981\u7d20\u306a\u306e\u3067\u6c17\u306b\u3059\u308b\u307b\u3069\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">let n = self.focus_size.tile_count(); \/\/ \u30d6\u30ed\u30c3\u30af 1 \u8fba\u306e\u30bf\u30a4\u30eb\u6570\nlet block_px = n * 8;                \/\/ \u30d6\u30ed\u30c3\u30af 1 \u8fba\u306e\u30c9\u30c3\u30c8\u6570\n\n\/\/ \u30d5\u30a9\u30fc\u30ab\u30b9\u30d6\u30ed\u30c3\u30af\u5168\u4f53\u3092\u30c7\u30b3\u30fc\u30c9\uff08rom \u306e\u501f\u7528\u3092\u3053\u3053\u3067\u89e3\u653e\uff09\nlet (block, chr_len) = {\n    let Some(rom) = self.rom.as_ref() else { return None };\n    (decode_block(rom.chr_data(), top_left_tile, 16, n), rom.chr_data().len())\n};<\/pre>\n<p>\u30d6\u30ed\u30c3\u30af\u30b9\u30b3\u30fc\u30d7\u3067 <code>rom<\/code> \u306e\u501f\u7528\u3092\u9589\u3058\u3066\u3044\u308b\u306e\u306f\u3001\u3053\u306e\u5f8c <code>self<\/code> \u306e\u4ed6\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u89e6\u308b\u305f\u3081\u3067\u3059\u3002Rust \u3042\u308b\u3042\u308b\u3067\u3059\u306d\u3002<\/p>\n<p>1 \u30c9\u30c3\u30c8\u306e\u8868\u793a\u30b5\u30a4\u30ba\u306f\u3001\u30d1\u30cd\u30eb\u306e\u5229\u7528\u53ef\u80fd\u9818\u57df\u304b\u3089\u300c\u6b63\u65b9\u5f62\u306b\u53ce\u307e\u308b\u6700\u5927\u306e\u6574\u6570\u300d\u3067\u6c7a\u3081\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">let available = ui.available_size() - egui::vec2(pad, 0.0);\nlet dot_size = (available.x.min(available.y) \/ block_px as f32).floor().max(1.0);\nlet canvas = dot_size * block_px as f32;\nlet alloc = ui.allocate_exact_size(egui::vec2(canvas, canvas), egui::Sense::click_and_drag());<\/pre>\n<p><code>Sense::click_and_drag()<\/code> \u306b\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u8fd4\u3063\u3066\u304f\u308b <code>response<\/code> \u3067\u30af\u30ea\u30c3\u30af\u3082\u30c9\u30e9\u30c3\u30b0\u3082\u5224\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u3042\u3068\u306f <code>block[px]<\/code> \u306e\u8272\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u30d1\u30ec\u30c3\u30c8\u3067 RGB \u306b\u3057\u3066\u3001<code>painter.rect_filled()<\/code> \u3067\u56db\u89d2\u3092\u4e26\u3079\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">for py in 0..block_px {\n    for px in 0..block_px {\n        let fill = self.dat_palette.color32(\n            self.selected_palette_set,\n            block[py][px] as usize,\n            &amp;self.master_palette,\n        );\n        let dot_rect = egui::Rect::from_min_size(\n            egui::pos2(rect.left() + px as f32 * dot_size, rect.top() + py as f32 * dot_size),\n            egui::vec2(dot_size, dot_size),\n        );\n        painter.rect_filled(dot_rect, 0.0, fill);\n        \/\/ \u30c9\u30c3\u30c8\u30b0\u30ea\u30c3\u30c9\u7dda\uff08dot_size \u304c\u5341\u5206\u5927\u304d\u3044\u3068\u304d\u306e\u307f\u63cf\u753b\uff09\n        if dot_size &gt;= 4.0 {\n            painter.rect_stroke(\n                dot_rect, 0.0,\n                egui::Stroke::new(0.5, egui::Color32::from_gray(60)),\n                egui::StrokeKind::Inside,\n            );\n        }\n    }\n}<\/pre>\n<p>\u30d0\u30f3\u30af\u30d3\u30e5\u30fc\u306f\u30c6\u30af\u30b9\u30c1\u30e3\u3067\u3057\u305f\u304c\u3001\u3053\u3061\u3089\u306f\u77e9\u5f62\u306e\u76f4\u63cf\u304d\u3067\u3059\u3002\u30c9\u30c3\u30c8\u6570\u304c\u9ad8\u3005 16,384 \u500b\u306a\u306e\u3067\u3001\u3053\u308c\u3067\u5341\u5206\u306a\u901f\u5ea6\u304c\u51fa\u307e\u3059\u3002\u30c9\u30c3\u30c8\u304c\u5c0f\u3055\u304f\u306a\u308a\u3059\u304e\u305f\u3089\u30b0\u30ea\u30c3\u30c9\u7dda\u306f\u7701\u7565\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u304c 2 \u30bf\u30a4\u30eb\u4ee5\u4e0a\u306a\u3089\u30bf\u30a4\u30eb\u5883\u754c\u7dda\u3092\u8584\u304f\u5f15\u304f\u3001\u3068\u3044\u3063\u305f\u8abf\u6574\u3082\u5165\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<h5>\u30c4\u30fc\u30eb\u30d0\u30fc\u306e SVG \u30a2\u30a4\u30b3\u30f3<\/h5>\n<p>\u30c4\u30fc\u30eb\u30d0\u30fc\u306e\u30a2\u30a4\u30b3\u30f3\u306f SVG \u3092 <code>include_bytes!<\/code> \u3067\u57cb\u3081\u8fbc\u3093\u3067\u3001<code>egui::Image::from_bytes()<\/code> \u3067\u8aad\u3093\u3067\u3044\u307e\u3059\u3002<code>egui_extras<\/code> \u306e <code>svg<\/code> feature \u3068\u3001<code>main.rs<\/code> \u3067\u547c\u3093\u3060 <code>install_image_loaders()<\/code> \u306e\u304a\u304b\u3052\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">let img = egui::Image::from_bytes(\n    format!(\"bytes:\/\/icon_{name}.svg\"),\n    bytes.to_vec(),\n)\n.fit_to_exact_size(egui::vec2(16.0, 16.0))\n.tint(tint);<\/pre>\n<p><code>bytes:\/\/<\/code> \u30b9\u30ad\u30fc\u30e0\u306e URI \u3092\u30ad\u30fc\u306b\u3057\u3066\u30ad\u30e3\u30c3\u30b7\u30e5\u3055\u308c\u308b\u306e\u3067\u3001\u6bce\u30d5\u30ec\u30fc\u30e0 <code>from_bytes()<\/code> \u3092\u547c\u3093\u3067\u3082\u518d\u30c7\u30b3\u30fc\u30c9\u306f\u3055\u308c\u307e\u305b\u3093\u3002\u9078\u629e\u4e2d\u306e\u30c4\u30fc\u30eb\u306f <code>tint<\/code> \u3067\u8272\u3092\u53cd\u8ee2\u3055\u305b\u3066\u3001\u80cc\u666f\u3082\u660e\u308b\u304f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h4>\u5ea7\u6a19\u5909\u63db\uff1a\u30dd\u30a4\u30f3\u30bf\u4f4d\u7f6e \u2192 CHR \u306e\u30d0\u30a4\u30c8\u4f4d\u7f6e<\/h4>\n<p>\u30af\u30ea\u30c3\u30af\u3084\u30c9\u30e9\u30c3\u30b0\u306e\u4f4d\u7f6e\u304b\u3089\u300c<strong>CHR \u306e\u3069\u306e\u30d0\u30a4\u30c8\u306e\u3069\u306e\u30d3\u30c3\u30c8\u304b<\/strong>\u300d\u3092\u6c42\u3081\u308b\u90e8\u5206\u3067\u3059\u3002\u3053\u3053\u304c\u5168\u30c4\u30fc\u30eb\u5171\u901a\u306e\u571f\u53f0\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">let Some(pos) = response.interact_pointer_pos() else { return None };\nlet rel_x = pos.x - rect.left();\nlet rel_y = pos.y - rect.top();\nif rel_x &lt; 0.0 || rel_y &lt; 0.0 { return None }\n\nlet px = (rel_x \/ dot_size) as usize;   \/\/ \u30d6\u30ed\u30c3\u30af\u5185\u30c9\u30c3\u30c8\u5ea7\u6a19\nlet py = (rel_y \/ dot_size) as usize;\nif px &gt;= block_px || py &gt;= block_px { return None }\n\n\/\/ \u30af\u30ea\u30c3\u30af \/ \u30c9\u30e9\u30c3\u30b0\u3057\u305f\u30c9\u30c3\u30c8\u304c\u5c5e\u3059\u308b\u30bf\u30a4\u30eb\u306e\u30aa\u30d5\u30bb\u30c3\u30c8\u3092\u8a08\u7b97\nlet block_col = px \/ 8;\nlet block_row = py \/ 8;\nlet top_col = top_left_tile % 16;\nlet top_row = top_left_tile \/ 16;\nlet tile_global = (top_row + block_row) * 16 + (top_col + block_col);\nlet tile_offset = tile_global * 16;\nlet dot_px = px % 8;                    \/\/ \u30bf\u30a4\u30eb\u5185\u30c9\u30c3\u30c8\u5ea7\u6a19\nlet dot_py = py % 8;\n\nif tile_offset + 16 &gt; chr_len { return None; }<\/pre>\n<p>\u6bb5\u968e\u3092\u8ffd\u3046\u3068\u3053\u3046\u3067\u3059\u3002<\/p>\n<ol>\n<li>\u30dd\u30a4\u30f3\u30bf\u4f4d\u7f6e\u304b\u3089\u30ad\u30e3\u30f3\u30d0\u30b9\u5de6\u4e0a\u3092\u5f15\u3044\u3066\u3001<code>dot_size<\/code> \u3067\u5272\u308b \u2192 \u30d6\u30ed\u30c3\u30af\u5185\u306e\u30c9\u30c3\u30c8\u5ea7\u6a19 <code>(px, py)<\/code><\/li>\n<li><code>\/ 8<\/code> \u3067\u30d6\u30ed\u30c3\u30af\u5185\u306e\u30bf\u30a4\u30eb\u4f4d\u7f6e\u3001<code>% 8<\/code> \u3067\u30bf\u30a4\u30eb\u5185\u306e\u30c9\u30c3\u30c8\u4f4d\u7f6e\u306b\u5206\u89e3<\/li>\n<li>\u5de6\u4e0a\u30bf\u30a4\u30eb\u306e\u884c\u30fb\u5217\u306b\u30d6\u30ed\u30c3\u30af\u5185\u30bf\u30a4\u30eb\u4f4d\u7f6e\u3092\u8db3\u3057\u3066\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30bf\u30a4\u30eb\u756a\u53f7 \u2192 <code>\u00d7 16<\/code> \u3067\u30d0\u30a4\u30c8\u30aa\u30d5\u30bb\u30c3\u30c8<\/li>\n<\/ol>\n<p>\u6700\u7d42\u7684\u306b <code>(tile_offset, dot_px, dot_py)<\/code> \u306e 3 \u3064\u7d44\u304c\u51fa\u3066\u304d\u3066\u3001\u3053\u308c\u3092\u305d\u306e\u307e\u307e\u524d\u3005\u56de\u306e <code>encode_dot()<\/code> \u306b\u6e21\u305b\u307e\u3059\u3002<\/p>\n<h4>\u53f3\u30af\u30ea\u30c3\u30af\uff1a\u30b9\u30dd\u30a4\u30c8<\/h4>\n<p>\u53f3\u30af\u30ea\u30c3\u30af\u306f\u30b9\u30dd\u30a4\u30c8\u3067\u3059\u3002\u30c7\u30b3\u30fc\u30c9\u6e08\u307f\u306e <code>block<\/code> \u304b\u3089\u8272\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u62fe\u3063\u3066\u8fd4\u3059\u3060\u3051\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">if response.secondary_clicked() {\n    if self.drawing_tool == 9 &amp;&amp; (self.stamp_buffer.is_some() || self.stamp_sel_start.is_some()) {\n        \/\/ \u30b9\u30bf\u30f3\u30d7\u4e2d\u306f\u53f3\u30af\u30ea\u30c3\u30af\u3067\u30ad\u30e3\u30f3\u30bb\u30eb\uff08\u6b21\u56de\uff09\n        \/\/ ...\n        return None;\n    }\n    return Some(EditorAction::Eyedrop { color_idx: block[px] });\n}<\/pre>\n<p><code>apply_action()<\/code> \u5074\u3067\u306f <code>self.drawing_color_idx = color_idx<\/code> \u3059\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n<h4>\u30da\u30f3\u30c4\u30fc\u30eb<\/h4>\n<p>\u30da\u30f3\u306f\u3001\u62bc\u3057\u305f\u77ac\u9593\u30fb\u30c9\u30e9\u30c3\u30b0\u4e2d\u30fb\u5358\u30af\u30ea\u30c3\u30af\u306e\u3044\u305a\u308c\u304b\u306a\u3089 <code>PaintDot<\/code> \u3092\u8fd4\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">\/\/ \u5de6\u30af\u30ea\u30c3\u30af \/ \u5de6\u30c9\u30e9\u30c3\u30b0 \u2192 \u63cf\u753b\uff08\u30da\u30f3\u7cfb\u30c4\u30fc\u30eb\uff09\nlet drag_started = response.drag_started_by(egui::PointerButton::Primary);\nlet dragging     = response.dragged_by(egui::PointerButton::Primary);\nlet clicked      = response.clicked_by(egui::PointerButton::Primary);\n\nif drag_started || dragging || clicked {\n    let push_undo = drag_started || clicked;\n    return Some(EditorAction::PaintDot {\n        tile_offset, px: dot_px, py: dot_py,\n        color: self.drawing_color_idx,\n        push_undo,\n    });\n}<\/pre>\n<p>\u30dd\u30a4\u30f3\u30c8\u306f <code>push_undo<\/code> \u3067\u3059\u3002<strong>\u30c9\u30e9\u30c3\u30b0\u958b\u59cb\u307e\u305f\u306f\u5358\u30af\u30ea\u30c3\u30af\u306e\u3068\u304d\u3060\u3051 <code>true<\/code><\/strong> \u3067\u3001\u30c9\u30e9\u30c3\u30b0\u4e2d\u306f <code>false<\/code>\u3002\u3053\u308c\u304c\u30a2\u30f3\u30c9\u30a5\u306e\u5358\u4f4d\u3092\u300c1 \u30b9\u30c8\u30ed\u30fc\u30af\u300d\u306b\u3059\u308b\u305f\u3081\u306e\u4ed5\u639b\u3051\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h4>\u30a2\u30f3\u30c9\u30a5\u306e\u8a2d\u8a08<\/h4>\n<p>\u3055\u3066\u672c\u984c\u3067\u3059\u3002<\/p>\n<p>\u30a2\u30f3\u30c9\u30a5\u306e\u5358\u4f4d\u3092\u3069\u3046\u3059\u308b\u304b\u3001\u3068\u3044\u3046\u306e\u306f\u30a8\u30c7\u30a3\u30bf\u8a2d\u8a08\u306e\u809d\u3067\u3057\u3066\u3002\u300c1 \u30c9\u30c3\u30c8\u305a\u3064\u623b\u308b\u300d\u3060\u3068\u3001\u30c9\u30e9\u30c3\u30b0\u3067 50 \u30c9\u30c3\u30c8\u63cf\u3044\u305f\u3042\u3068\u306b 50 \u56de Cmd+Z \u3092\u62bc\u3059\u7fbd\u76ee\u306b\u306a\u308a\u307e\u3059\u3002\u305d\u3046\u306a\u308b\u3068\u305d\u308c\u306f\u3064\u3089\u3044\u3002<\/p>\n<p>R-CHR \u3067\u306f <strong>1 \u30b9\u30c8\u30ed\u30fc\u30af\uff08\u30de\u30a6\u30b9\u3092\u62bc\u3057\u3066\u304b\u3089\u96e2\u3059\u307e\u3067\uff09= 1 \u30a2\u30f3\u30c9\u30a5<\/strong>\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h5>\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u65b9\u5f0f<\/h5>\n<p>\u30a2\u30f3\u30c9\u30a5\u306e\u5b9f\u88c5\u65b9\u5f0f\u306f\u5927\u304d\u304f\u5206\u3051\u3066\u300c\u64cd\u4f5c\u3092\u8a18\u9332\u3057\u3066\u9006\u64cd\u4f5c\u3059\u308b\u300d\u304b\u300c\u5909\u66f4\u524d\u306e\u72b6\u614b\u3092\u4fdd\u5b58\u3057\u3066\u304a\u3044\u3066\u623b\u3059\u300d\u304b\u306e 2 \u901a\u308a\u3042\u308a\u307e\u3059\u304c\u3001R-CHR \u306f\u5f8c\u8005\u306e<strong>\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u65b9\u5f0f<\/strong>\u3067\u3059\u3002\u305f\u3060\u3057 CHR \u5168\u4f53\u3092\u4fdd\u5b58\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001<strong>\u5909\u66f4\u3057\u305f\u30bf\u30a4\u30eb\u306e 16 \u30d0\u30a4\u30c8\u3060\u3051<\/strong>\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">\/\/\/ \u30a2\u30f3\u30c9\u30a5\u30b9\u30bf\u30c3\u30af: 1\u64cd\u4f5c = Vec&lt;(\u30d0\u30a4\u30c8\u30aa\u30d5\u30bb\u30c3\u30c8, \u5909\u66f4\u524d16\u30d0\u30a4\u30c8)&gt;\npub(super) undo_stack: Vec&lt;vec&lt;(usize, [u8;=\"\" 16])=\"\"&gt;&gt;,\n\/\/\/ \u73fe\u5728\u306e\u30c9\u30e9\u30c3\u30b0\u64cd\u4f5c\u3067\u65e2\u306b\u30a2\u30f3\u30c9\u30a5\u4fdd\u5b58\u6e08\u307f\u306e\u30bf\u30a4\u30eb\u30aa\u30d5\u30bb\u30c3\u30c8\u96c6\u5408\npub(super) drag_undo_tiles: std::collections::HashSet,&lt;\/vec&lt;(usize,&gt;<\/pre>\n<p>\u30b9\u30bf\u30c3\u30af\u306e 1 \u8981\u7d20\u304c\u300c1 \u64cd\u4f5c\u300d\u3067\u3001\u305d\u306e\u4e2d\u8eab\u306f\u300c(\u30bf\u30a4\u30eb\u30aa\u30d5\u30bb\u30c3\u30c8, \u5909\u66f4\u524d\u306e 16 \u30d0\u30a4\u30c8)\u300d\u306e\u30ea\u30b9\u30c8\u30021 \u30b9\u30c8\u30ed\u30fc\u30af\u3067\u8907\u6570\u30bf\u30a4\u30eb\u3092\u307e\u305f\u3044\u3060\u5834\u5408\u306f\u3001\u305d\u306e\u30ea\u30b9\u30c8\u306b\u89e6\u3063\u305f\u30bf\u30a4\u30eb\u3076\u3093\u306e\u30a8\u30f3\u30c8\u30ea\u304c\u5165\u308a\u307e\u3059\u3002<\/p>\n<p>1 \u30bf\u30a4\u30eb 16 \u30d0\u30a4\u30c8\u306a\u306e\u3067\u3001100 \u30bf\u30a4\u30eb\u307e\u305f\u3050\u8c6a\u5feb\u306a\u30b9\u30c8\u30ed\u30fc\u30af\u3092\u3057\u3066\u3082 1.6KB\u3002\u8efd\u3044\u3082\u306e\u3067\u3059\u3002<\/p>\n<h5>push_undo_batch \u3068\u4e0a\u9650<\/h5>\n<p>\u30b9\u30bf\u30c3\u30af\u3078\u306e\u7a4d\u307f\u8fbc\u307f\u306f 1 \u7b87\u6240\u306b\u96c6\u7d04\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">pub(super) fn push_undo_batch(&amp;mut self, batch: Vec&lt;(usize, [u8; 16])&gt;) {\n    if batch.is_empty() { return; }\n    const UNDO_LIMIT: usize = 100;\n    if self.undo_stack.len() &gt;= UNDO_LIMIT {\n        self.undo_stack.remove(0);\n    }\n    self.undo_stack.push(batch);\n}<\/pre>\n<p>\u4e0a\u9650 100 \u30b9\u30c6\u30c3\u30d7\u3067\u3001\u8d85\u3048\u305f\u3089\u53e4\u3044\u3082\u306e\u304b\u3089\u6368\u3066\u307e\u3059\u3002<code>Vec::remove(0)<\/code> \u306f\u5148\u982d\u524a\u9664\u306a\u306e\u3067 O(n) \u3067\u3059\u304c\u3001n \u2264 100 \u306a\u306e\u3067\u6c17\u306b\u3057\u306a\u3044\u65b9\u5411\u3067\u3002<\/p>\n<h5>\u30da\u30f3\u306e\u30b9\u30c8\u30ed\u30fc\u30af\u3092\u3069\u3046 1 \u30d0\u30c3\u30c1\u306b\u307e\u3068\u3081\u308b\u304b<\/h5>\n<p><code>apply_action()<\/code> \u306e <code>PaintDot<\/code> \u51e6\u7406\u304c\u3053\u3061\u3089\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">EditorAction::PaintDot { tile_offset, px, py, color, push_undo } =&gt; {\n    \/\/ ...\n    if push_undo {\n        \/\/ \u30c9\u30e9\u30c3\u30b0\u958b\u59cb or \u30af\u30ea\u30c3\u30af: \u8d77\u70b9\u30d1\u30ea\u30c6\u30a3\u3092\u8a18\u9332\u3057\u3066\u65b0\u898f\u30d0\u30c3\u30c1\u958b\u59cb\n        self.drag_pattern_parity = parity;\n        self.drag_undo_tiles.clear();\n        let saved: [u8; 16] = self.rom.as_ref().unwrap().chr_data()\n            [tile_offset..tile_offset + 16].try_into().unwrap();\n        self.push_undo_batch(vec![(tile_offset, saved)]);\n        self.drag_undo_tiles.insert(tile_offset);\n    } else {\n        \/\/ \u30da\u30f3\uff08\u30d1\u30bf\u30fc\u30f3\uff09: \u8d77\u70b9\u3068\u7570\u306a\u308b\u30d1\u30ea\u30c6\u30a3\u306e\u30c9\u30c3\u30c8\u306f\u30b9\u30ad\u30c3\u30d7\n        if self.drawing_tool == 1 &amp;&amp; parity != self.drag_pattern_parity {\n            return;\n        }\n        \/\/ \u30c9\u30e9\u30c3\u30b0\u4e2d\u306b\u521d\u3081\u3066\u89e6\u308c\u305f\u30bf\u30a4\u30eb: \u73fe\u5728\u30d0\u30c3\u30c1\u306b\u8ffd\u8a18\n        if !self.drag_undo_tiles.contains(&amp;tile_offset) {\n            let saved: [u8; 16] = self.rom.as_ref().unwrap().chr_data()\n                [tile_offset..tile_offset + 16].try_into().unwrap();\n            if let Some(batch) = self.undo_stack.last_mut() {\n                batch.push((tile_offset, saved));\n            }\n            self.drag_undo_tiles.insert(tile_offset);\n        }\n    }\n\n    if let Some(rom) = &amp;mut self.rom {\n        encode_dot(&amp;mut rom.chr_data_mut()[tile_offset..tile_offset + 16], px, py, color);\n    }\n    self.is_modified = true;\n    self.texture_dirty = true;\n}<\/pre>\n<p>\u6d41\u308c\u306f\u3053\u3046\u3067\u3059\u3002<\/p>\n<ul>\n<li><strong>\u30c9\u30e9\u30c3\u30b0\u958b\u59cb\uff08<code>push_undo = true<\/code>\uff09<\/strong>\uff1a<code>drag_undo_tiles<\/code> \u3092\u7a7a\u306b\u3057\u3066\u3001\u89e6\u3063\u305f\u30bf\u30a4\u30eb\u306e\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u3067<strong>\u65b0\u3057\u3044\u30d0\u30c3\u30c1<\/strong>\u3092\u7a4d\u3080<\/li>\n<li><strong>\u30c9\u30e9\u30c3\u30b0\u4e2d\uff08<code>push_undo = false<\/code>\uff09<\/strong>\uff1a\u89e6\u3063\u305f\u30bf\u30a4\u30eb\u304c\u307e\u3060 <code>drag_undo_tiles<\/code> \u306b\u7121\u3051\u308c\u3070\u3001\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u3092\u53d6\u3063\u3066<strong>\u30b9\u30bf\u30c3\u30af\u306e\u672b\u5c3e\u306e\u30d0\u30c3\u30c1\u306b\u8ffd\u8a18<\/strong>\u3059\u308b\u3002\u65e2\u306b\u3042\u308c\u3070\u4f55\u3082\u3057\u306a\u3044<\/li>\n<\/ul>\n<p><code>drag_undo_tiles<\/code> \u3068\u3044\u3046 <code>HashSet<\/code> \u3067\u300c\u3053\u306e\u30b9\u30c8\u30ed\u30fc\u30af\u3067\u65e2\u306b\u4fdd\u5b58\u3057\u305f\u30bf\u30a4\u30eb\u300d\u3092\u8ffd\u8de1\u3057\u3066\u3044\u308b\u306e\u304c\u30df\u30bd\u3067\u3001\u3053\u308c\u304c\u3042\u308b\u304a\u304b\u3052\u3067\u3001\u30d5\u30a9\u30fc\u30ab\u30b9 128px \u3067 16\u00d716 \u30bf\u30a4\u30eb\u3092\u307e\u305f\u3050\u3088\u3046\u306a\u5927\u304d\u306a\u30b9\u30c8\u30ed\u30fc\u30af\u3067\u3082\u3001\u5404\u30bf\u30a4\u30eb\u306e\u300c\u30b9\u30c8\u30ed\u30fc\u30af\u958b\u59cb\u6642\u70b9\u306e\u72b6\u614b\u300d\u304c\u3061\u3087\u3046\u3069 1 \u56de\u3060\u3051\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u3092\u53d6\u308b\u306e\u306f<strong>\u305d\u306e\u30bf\u30a4\u30eb\u306b\u6700\u521d\u306b\u89e6\u308c\u305f\u3068\u304d<\/strong>\u3067\u306a\u3051\u308c\u3070\u3044\u3051\u307e\u305b\u3093\u30022 \u56de\u76ee\u4ee5\u964d\u306b\u53d6\u308b\u3068\u3001\u65e2\u306b\u3053\u306e\u30b9\u30c8\u30ed\u30fc\u30af\u3067\u5857\u3063\u305f\u3042\u3068\u306e\u72b6\u614b\u3092\u4fdd\u5b58\u3057\u3066\u3057\u307e\u3044\u3001\u623b\u3057\u304d\u308c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<h5>Undo \u306e\u5b9f\u884c<\/h5>\n<p>\u623b\u3059\u306e\u306f\u7c21\u5358\u3067\u3001\u30b9\u30bf\u30c3\u30af\u304b\u3089 1 \u30d0\u30c3\u30c1 pop \u3057\u3066\u3001\u5404\u30bf\u30a4\u30eb\u306b 16 \u30d0\u30a4\u30c8\u3092\u66f8\u304d\u623b\u3059\u3060\u3051\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">pub(super) fn do_undo(&amp;mut self) {\n    let Some(batch) = self.undo_stack.pop() else { return };\n    let Some(rom) = &amp;mut self.rom else { return };\n    for (offset, saved) in batch {\n        if offset + 16 &lt;= rom.chr_data().len() {\n            rom.chr_data_mut()[offset..offset + 16].copy_from_slice(&amp;saved);\n        }\n    }\n    self.texture_dirty = true;\n}<\/pre>\n<p>\u6b21\u56de\u306e\u56f3\u5f62\u30c4\u30fc\u30eb\u3082\u3001PNG \u30a4\u30f3\u30dd\u30fc\u30c8\u3082\u3001\u30b3\u30d4\u30fc &amp; \u30da\u30fc\u30b9\u30c8\u3082\u3001\u5168\u90e8\u3053\u306e <code>push_undo_batch()<\/code> \u306b\u300c\u5f71\u97ff\u30bf\u30a4\u30eb\u306e\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u300d\u3092\u6e21\u3059\u3060\u3051\u3067\u30a2\u30f3\u30c9\u30a5\u5bfe\u5fdc\u306b\u306a\u308a\u307e\u3059\u3002\u30c4\u30fc\u30eb\u3054\u3068\u306b\u30a2\u30f3\u30c9\u30a5\u306e\u5b9f\u88c5\u3092\u6301\u305f\u306a\u304f\u3066\u826f\u3044\u3001\u3068\u3044\u3046\u306e\u304c\u3053\u306e\u8a2d\u8a08\u306e\u4e00\u756a\u306e\u3046\u307e\u307f\u3067\u3059\u306d\u3002<\/p>\n<h4>\u30da\u30f3\uff08\u30d1\u30bf\u30fc\u30f3\uff09\uff1a\u5e02\u677e\u6a21\u69d8\u3067\u63cf\u304f<\/h4>\n<p>\u30da\u30f3\u306e\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u3068\u3057\u3066\u3001\u5e02\u677e\u6a21\u69d8\uff08\u30c1\u30a7\u30c3\u30ab\u30fc\u30dc\u30fc\u30c9\uff09\u3067\u63cf\u304f\u30d1\u30bf\u30fc\u30f3\u30da\u30f3\u304c\u3042\u308a\u307e\u3059\u3002\u30d5\u30a1\u30df\u30b3\u30f3\u306e\u30c9\u30c3\u30c8\u7d75\u3067\u4e2d\u9593\u8272\u3063\u307d\u304f\u898b\u305b\u308b\u3068\u304d\u306e\u5b9a\u756a\u30c6\u30af\u30cb\u30c3\u30af\u3067\u3059\u306d\u3002<\/p>\n<p>\u5b9f\u88c5\u306f\u4e0a\u306e\u30b3\u30fc\u30c9\u306b\u3059\u3067\u306b\u51fa\u3066\u304d\u3066\u3044\u307e\u3059\u304c\u3001<strong>\u30c9\u30e9\u30c3\u30b0\u958b\u59cb\u70b9\u306e\u30d1\u30ea\u30c6\u30a3 <code>(x + y) % 2<\/code> \u3092\u899a\u3048\u3066\u304a\u3044\u3066\u3001\u540c\u3058\u30d1\u30ea\u30c6\u30a3\u306e\u30c9\u30c3\u30c8\u3057\u304b\u5857\u3089\u306a\u3044<\/strong>\u3068\u3044\u3046\u3060\u3051\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">\/\/ \u30da\u30f3\uff08\u30d1\u30bf\u30fc\u30f3\uff09\u30c4\u30fc\u30eb: \u30b0\u30ed\u30fc\u30d0\u30eb\u30d4\u30af\u30bb\u30eb\u5ea7\u6a19\u3067\u30c1\u30a7\u30c3\u30ab\u30fc\u30dc\u30fc\u30c9\u30d1\u30ea\u30c6\u30a3\u3092\u8a08\u7b97\nlet tile_global = tile_offset \/ 16;\nlet global_x = (tile_global % 16) * 8 + px;\nlet global_y = (tile_global \/ 16) * 8 + py;\nlet parity = ((global_x + global_y) % 2) as u8;<\/pre>\n<p>\u3053\u3053\u3067 <code>global_x<\/code> \/ <code>global_y<\/code> \u3092 <strong>CHR \u5168\u4f53\u3067\u306e\u30c9\u30c3\u30c8\u5ea7\u6a19<\/strong>\u306b\u3057\u3066\u3044\u308b\u306e\u304c\u5c0f\u3055\u306a\u3053\u3060\u308f\u308a\u3067\u3059\u3002\u30bf\u30a4\u30eb\u306e 1 \u8fba\u306f 8 \u30c9\u30c3\u30c8\u3067\u5076\u6570\u306a\u306e\u3067\u3001\u5b9f\u306f\u30bf\u30a4\u30eb\u5185\u5ea7\u6a19\u3067\u8a08\u7b97\u3057\u3066\u3082\u7d50\u679c\u306f\u540c\u3058\u306b\u306a\u308b\u306e\u3067\u3059\u304c\u3001\u300c\u30d0\u30f3\u30af\u30d3\u30e5\u30fc\u5168\u4f53\u3067\u4e00\u8cab\u3057\u305f\u5e02\u677e\u6a21\u69d8\u300d\u3068\u3044\u3046\u610f\u56f3\u3092\u30b3\u30fc\u30c9\u306b\u6b8b\u3057\u3066\u304a\u304d\u305f\u304b\u3063\u305f\u306e\u3067\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u5ea7\u6a19\u3067\u8a08\u7b97\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<h4>\u30b3\u30d4\u30fc &amp; \u30da\u30fc\u30b9\u30c8<\/h4>\n<p>\u30bf\u30a4\u30eb\u5358\u4f4d\u306e\u30b3\u30d4\u30fc &amp; \u30da\u30fc\u30b9\u30c8\u3082\u3001\u3053\u306e\u56de\u3067\u89e6\u308c\u3066\u304a\u304d\u307e\u3059\u3002\u5b9f\u88c5\u306f <code>clipboard.rs<\/code> \u3067\u3001\u30d5\u30a9\u30fc\u30ab\u30b9\u30b5\u30a4\u30ba\u3076\u3093\u306e N\u00d7N \u30bf\u30a4\u30eb\u3092 CHR \u30d0\u30a4\u30c8\u5217\u306e\u307e\u307e\u30d0\u30c3\u30d5\u30a1\u306b\u5165\u308c\u308b\u3060\u3051\u3067\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">\/\/\/ \u30bf\u30a4\u30eb\u30b3\u30d4\u30fc\u30d0\u30c3\u30d5\u30a1: (n\u8fba\u30bf\u30a4\u30eb\u6570, n\u00d7n \u30bf\u30a4\u30eb\u306e CHR \u30d0\u30a4\u30c8\u5217)\npub(super) tile_clipboard: Option&lt;(usize, Vec)&gt;,<\/pre>\n<p>\u30b3\u30d4\u30fc\u306f\u9078\u629e\u30d6\u30ed\u30c3\u30af\u306e\u5404\u30bf\u30a4\u30eb 16 \u30d0\u30a4\u30c8\u3092\u9806\u306b <code>extend_from_slice<\/code>\u3002\u30da\u30fc\u30b9\u30c8\u306f\u305d\u306e\u9006\u3067\u3001\u8cbc\u308a\u4ed8\u3051\u5148\u306e\u5404\u30bf\u30a4\u30eb\u3092<strong>\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u3057\u3066\u304b\u3089<\/strong>\u4e0a\u66f8\u304d\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"rust\">pub(super) fn paste_tiles(&amp;mut self) {\n    let Some(tile_idx) = self.selected_tile else { return };\n    let Some((n, src)) = self.tile_clipboard.clone() else { return };\n    let Some(rom) = &amp;mut self.rom else { return };\n    let chr_len = rom.chr_data().len();\n    let total_tiles = chr_len \/ 16;\n\n    let mut batch: Vec&lt;(usize, [u8; 16])&gt; = Vec::new();\n    for dy in 0..n {\n        for dx in 0..n {\n            let dst_tile = tile_idx + dy * 16 + dx;\n            if dst_tile &gt;= total_tiles { continue; }\n            let dst_offset = dst_tile * 16;\n            let src_offset = (dy * n + dx) * 16;\n\n            let saved: [u8; 16] = rom.chr_data()[dst_offset..dst_offset + 16]\n                .try_into().unwrap();\n            batch.push((dst_offset, saved));\n            rom.chr_data_mut()[dst_offset..dst_offset + 16]\n                .copy_from_slice(&amp;src[src_offset..src_offset + 16]);\n        }\n    }\n    self.push_undo_batch(batch);\n    self.is_modified = true;\n    self.texture_dirty = true;\n    self.status_msg = Some(format!(\"\u30da\u30fc\u30b9\u30c8: {}\u00d7{} \u30bf\u30a4\u30eb\", n, n));\n}<\/pre>\n<p>\u898b\u3066\u306e\u901a\u308a <code>push_undo_batch()<\/code> \u3092\u547c\u3076\u3060\u3051\u3067\u30a2\u30f3\u30c9\u30a5\u5bfe\u5fdc\u5b8c\u4e86\u3067\u3059\u3002\u8272\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3067\u306f\u306a\u304f CHR \u306e\u30d0\u30a4\u30c8\u5217\u3092\u305d\u306e\u307e\u307e\u6301\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u30d1\u30ec\u30c3\u30c8\u30bb\u30c3\u30c8\u3092\u5207\u308a\u66ff\u3048\u3066\u3082\u30b3\u30d4\u30fc\u5185\u5bb9\u306b\u306f\u5f71\u97ff\u3057\u307e\u305b\u3093\u3002<\/p>\n<h4>\u307e\u3068\u3081<\/h4>\n<ul>\n<li>\u30c9\u30c3\u30c8\u30a8\u30c7\u30a3\u30bf\u306f <code>show_dot_editor()<\/code> \u304c <code>Option<\/code> \u3092\u8fd4\u3057\u3001UI \u63cf\u753b\u5f8c\u306b <code>apply_action()<\/code> \u3067\u9069\u7528\u3059\u308b\u3002\u501f\u7528\u554f\u984c\u306e\u56de\u907f\u3068\u3001\u30c7\u30fc\u30bf\u5909\u66f4\u70b9\u306e\u4e00\u5143\u5316<\/li>\n<li>\u30dd\u30a4\u30f3\u30bf\u4f4d\u7f6e \u2192 \u30d6\u30ed\u30c3\u30af\u5185\u30c9\u30c3\u30c8\u5ea7\u6a19 \u2192 \u30bf\u30a4\u30eb\u756a\u53f7 + \u30bf\u30a4\u30eb\u5185\u5ea7\u6a19 \u2192 \u30d0\u30a4\u30c8\u30aa\u30d5\u30bb\u30c3\u30c8\u3001\u3068\u6bb5\u968e\u7684\u306b\u5909\u63db<\/li>\n<li>\u30a2\u30f3\u30c9\u30a5\u306f\u300c\u5909\u66f4\u30bf\u30a4\u30eb\u306e 16 \u30d0\u30a4\u30c8\u306e\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u300d\u3092 1 \u64cd\u4f5c = 1 \u30d0\u30c3\u30c1\u3067\u7a4d\u3080\u3002\u4e0a\u9650 100<\/li>\n<li><code>drag_undo_tiles<\/code> \u3067\u30b9\u30c8\u30ed\u30fc\u30af\u4e2d\u306b\u521d\u3081\u3066\u89e6\u308c\u305f\u30bf\u30a4\u30eb\u3060\u3051\u4fdd\u5b58\u3057\u3001\u8907\u6570\u30bf\u30a4\u30eb\u3092\u307e\u305f\u3050\u30c9\u30e9\u30c3\u30b0\u3082 1 \u56de\u3067\u623b\u305b\u308b<\/li>\n<li>\u30d1\u30bf\u30fc\u30f3\u30da\u30f3\u306f\u30b0\u30ed\u30fc\u30d0\u30eb\u5ea7\u6a19\u306e\u30d1\u30ea\u30c6\u30a3\u3067\u5224\u5b9a<\/li>\n<li>\u30b3\u30d4\u30fc &amp; \u30da\u30fc\u30b9\u30c8\u3082 <code>push_undo_batch()<\/code> \u306b\u4e57\u305b\u308b\u3060\u3051<\/li>\n<\/ul>\n<p>\u300c\u30a2\u30f3\u30c9\u30a5\u306f\u5168\u30c4\u30fc\u30eb\u304c <code>push_undo_batch()<\/code> \u306b\u30b9\u30ca\u30c3\u30d7\u30b7\u30e7\u30c3\u30c8\u3092\u6e21\u3059\u3060\u3051\u300d\u3068\u3044\u3046\u5f62\u304c\u56fa\u307e\u3063\u305f\u3068\u3053\u308d\u3067\u3001\u6b21\u56de\u306f\u3044\u3088\u3044\u3088<strong>\u56f3\u5f62\u30c4\u30fc\u30eb<\/strong>\u3067\u3059\u3002Bresenham \u306e\u76f4\u7dda\u3001\u6955\u5186\u3001BFS \u306e\u5857\u308a\u3064\u3076\u3057\u30012 \u30d5\u30a7\u30fc\u30ba\u306e\u30b9\u30bf\u30f3\u30d7\u3068\u3001\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u591a\u3081\u306e\u56de\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u3067\u306f\u3067\u306f\u3041\u3002<\/p>\n<p>\u307e\u305f\u307e\u305f\u3041\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3069\u3082\u3067\u3059\u3002 \u6700\u8fd1\u306f\u3001\u30ad\u30e3\u30c3\u30c1\u30a2\u30a4\u753b\u50cf\u3082Chat-GPT\u306b\u751f\u6210\u3057\u3066\u3082\u3089\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u3059\u3054\u304f\u697d\u3067\u3088\u3044\u3067\u3059\u306d\u3002\u307e\u305f\u3001\u30d5\u30a1\u30df\u30b3\u30f3\u304c\u30d5\u30a1\u30df\u30b3\u30f3\u307d\u304f\u306a\u304f\u3066AI\u5473\u3092\u3059\u3054\u304f\u51fa\u3057\u3066\u3044\u308b\u306e\u304c\u307e\u305f\u3044\u3044\u306a\u3068\u305d\u306e\u307e\u307e\u5229\u7528\u3057\u3066\u304a\u308a\u307e\u3059\u3002 \u3055\u3066\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12825,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[299],"tags":[308,169,381,39,390,389,388,78,118],"class_list":["post-12787","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rust","tag-gui","tag-mac","tag-nes","tag-39","tag-390","tag-389","tag-388","tag-78","tag-118"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12787"}],"version-history":[{"count":3,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12787\/revisions"}],"predecessor-version":[{"id":12831,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12787\/revisions\/12831"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/media\/12825"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}