Skip to content

Asset editor improvements and fixes #247

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fredsa wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Asset editor improvements and fixes #247

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
ad5da2d
Asset editor flushes pending writes
fredsa Mar 26, 2026
ff6b587
Prepare undo/redo stack for binary data
fredsa Mar 26, 2026
9487968
implement asset editor binary file undo/redo
fredsa Mar 26, 2026
a82717d
Fix asset editor `hex 012345...` source editing
fredsa Mar 26, 2026
9195bfa
support binary file revert to original
fredsa Mar 27, 2026
9be2b86
Asset editor linenos style
fredsa Apr 12, 2026
d386371
asset editor cursor:crosshair
fredsa Apr 12, 2026
90838c3
Asset editing up to 800x1000 canvas
fredsa Apr 12, 2026
b2d9910
asset_dual `flex-wrap: wrap`
fredsa Apr 12, 2026
6e36ea5
Fix undo/redo when range len changes
fredsa Apr 12, 2026
b8eb873
Fix undo/redo scrollIntoView for asset edits
fredsa Apr 12, 2026
06ebd15
Improve palette button highlight
fredsa Apr 13, 2026
34f2eff
Keyboard shortcuts help menu
fredsa Apr 5, 2026
3685eff
Help > Asset Editor Reference
fredsa Apr 12, 2026
a0cafe5
Asset editor interleaved pixel data
fredsa Apr 16, 2026
d5301d8
Asset editor Apple II artifact color
fredsa Apr 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 35 additions & 9 deletions css/ui.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,19 @@
.dbg_info {
font-size: 0.8em;
}
.help th {
padding-top: 8px;
}
.help td {
vertical-align: top;
padding: 0 6px;
}
.help td:first-child {
text-align: right;
padding-right: 12px;
padding-bottom: 2px;
min-width: 160px;
}
.tooltipbox {
position: relative;
display: inline-block;
Expand Down Expand Up @@ -267,6 +280,7 @@ div.emuspacer {
border-color:#888;
}
canvas.pixelated {
cursor: crosshair;
image-rendering: optimizeSpeed; /* Older versions of FF */
image-rendering: -moz-crisp-edges; /* FF 6.0+ */
image-rendering: -webkit-optimize-contrast; /* Safari */
Expand All @@ -275,14 +289,23 @@ canvas.pixelated {
-ms-interpolation-mode: nearest-neighbor; /* IE */
}
.palbtn {
width:2em;
height:2em;
border-style:none;
}
.palbtn.selected {
border-width:2px;
border-color:white;
border-style:dotted;
width: 2em;
height: 2em;
border-style: none;
position: relative;
border: none;
}
.palbtn.selected::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px dotted #888;
border-radius: inherit;
mix-blend-mode: difference;
pointer-events: none;
}
#javatari-screen canvas {
box-sizing: content-box;
Expand Down Expand Up @@ -513,7 +536,7 @@ div.asset_block.asset_highlight {
font-family: "Andale Mono", "Menlo", "Lucida Console", monospace;
font-weight: bold;
color: #c1c1b0;
background-color: #555;
background-color: #4a4a4a;
border-radius: 8px;
padding-left: 1em;
}
Expand All @@ -523,6 +546,7 @@ div.asset_block.asset_highlight {
cursor: pointer;
padding: 1px 4px;
border-radius: 4px;
background: rgba(153, 204, 153, 0.15);
}
.asset_linenos:hover {
text-decoration: underline;
Expand Down Expand Up @@ -572,6 +596,7 @@ div.asset_grid span {
.asset_cell {
padding: 0px;
border: 1px solid black;
cursor: crosshair;
}
.asset_cell:hover {
border: 1px solid white;
Expand All @@ -587,6 +612,7 @@ td.asset_editable {
div.asset_dual {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
div.asset_dual table {
border-spacing: 10px;
Expand Down
2 changes: 2 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,8 @@
<a tabindex="-1" href="javascript:void(0)">Help</a>
<ul class="dropdown-menu" id="help_menu">
<li><a class="dropdown-item" target="_8bws_help" href="https://8bitworkshop.com/docs/docs/ide.html">IDE Help</a></li>
<li><a class="dropdown-item" href="javascript:void(0)" id="item_keyboard_shortcuts">Keyboard Shortcuts</a></li>
<li><a class="dropdown-item" href="javascript:void(0)" id="item_asset_editor_help">Asset Editor Reference</a></li>
</ul>
</li>
<li class="dropdown dropdown-submenu">
Expand Down
Loading
Loading