333/pixel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated

Browse source
This commit is contained in:
33333-33333 2026-06-01 21:17:09 +09:00
commit 89a32dc28e
4 changed files with 490 additions and 679 deletions
Download patch file Download diff file Expand all files Collapse all files

60
index.html
View file

@ -33,26 +33,18 @@
<button id="modePlace" class="iconButton" title="Summon selected asset">Place</button>
<button id="modeErase" class="iconButton danger" title="Remove asset">Erase</button>
<div class="divider"></div>
<button id="zoomOut" class="iconButton" title="Zoom out">-</button>
<button id="zoomOut" class="iconButton" title="Zoom out">−</button>
<button id="zoomIn" class="iconButton" title="Zoom in">+</button>
<button id="resetView" class="iconButton" title="Reset view">Reset</button>
<button id="settingsToggle" class="iconButton" title="World settings">Settings</button>
</aside>
<section id="settingsPanel" class="hud settingsPanel" hidden aria-label="World settings">
<label class="toggleLine">
<input id="lightingToggle" type="checkbox" checked />
Lighting
</label>
</section>
<section id="studioDrawer" class="studioDrawer" aria-label="Pixel Studio">
<div class="drawerHead">
<div>
<h1>Pixel Studio</h1>
<p>Make static scenery or moving island life.</p>
</div>
<button id="closeEditor" class="ghostButton" title="Close">x</button>
<button id="closeEditor" class="ghostButton" title="Close">×</button>
</div>
<nav class="tabs" aria-label="Studio tabs">
@ -67,10 +59,10 @@
<div class="quickSetupBar twoCols">
<label class="field">Canvas size
<select id="assetSize">
<option value="8" selected>8 x 8</option>
<option value="16">16 x 16</option>
<option value="32">32 x 32</option>
<option value="64">64 x 64</option>
<option value="8" selected>8×8</option>
<option value="16">16×16</option>
<option value="32">32×32</option>
<option value="64">64×64</option>
</select>
</label>
<label class="field">Role
@ -89,8 +81,8 @@
</label>
<div class="editorTop compactEditorTop">
<div id="sideSwitcher" class="sideSwitcher" hidden aria-label="Sprite direction">
<button id="editLeft" title="Left-facing sprite">Left</button>
<button id="editRight" class="active" title="Right-facing sprite is the main/front direction">Right</button>
<button id="editLeft" title="Left-facing sprite">◀ Left</button>
<button id="editRight" class="active" title="Right-facing sprite is the main/front direction">▶ Right</button>
</div>
</div>
@ -98,30 +90,23 @@
<canvas id="paintCanvas" width="512" height="512" aria-label="Pixel editor"></canvas>
<div class="palettePanel">
<div id="paletteGrid" class="paletteGrid" aria-label="Color palette"></div>
<div class="outlineControls">
<button id="setOutline" class="tool" type="button">Set Outline</button>
<button id="clearOutline" class="tool" type="button">No Outline</button>
<span id="outlineStatus">Outline: none</span>
</div>
</div>
</div>
<div class="toolRow">
<button id="toolBrush" class="tool active">Draw</button>
<button id="toolErase" class="tool">Erase</button>
<button id="toolFill" class="tool">Fill</button>
<button id="toolPick" class="tool">Pick</button>
<button id="toolLight" class="tool">Light</button>
<button id="toolDoor" class="tool buildingOnly">Door</button>
<button id="clearPaint" class="tool danger">Clear</button>
</div>
<div class="toolRow editorActions">
<button id="undoPaint" class="tool" type="button">Undo</button>
<button id="redoPaint" class="tool" type="button">Redo</button>
<button id="mirrorLeft" class="tool" type="button">Mirror Left</button>
<div class="advancedRow">
<button id="toggleAdvanced" class="tool" type="button">Advanced Draw</button>
<button id="toolLight" class="tool advancedOnly" hidden>Light</button>
<button id="toolDepth" class="tool advancedOnly" hidden>Depth</button>
<span id="advancedHint" class="hint" hidden>Light/Depth tools are here. Depth paints visible blue height marks; Shift/right-click erases.</span>
</div>
<input id="paintColor" type="color" value="#6bd06b" hidden />
<div id="editHint" class="hint">Palette color is used for both pixels and light cells.</div>
<div id="editHint" class="hint">Palette color is used for pixels, lights, and depth marks.</div>
</div>
<div class="card stack summonCard">
@ -137,8 +122,15 @@
<section id="tab-library" class="tabPanel">
<div class="card stack">
<div class="cardTitle">Library</div>
<div class="libraryHead">
<div class="cardTitle">Library</div>
<button id="showHiddenAssets" class="tool" type="button">Hidden</button>
</div>
<p class="hint">Click an asset to select it and jump to it on the map. Copy Edit creates a new derivative.</p>
<div id="hiddenAssetPanel" class="hiddenAssetPanel" hidden>
<div class="cardTitle">Hidden assets</div>
<div id="hiddenAssetList" class="assetList compactAssetList"></div>
</div>
<div id="assetList" class="assetList"></div>
</div>
</section>
@ -164,9 +156,9 @@
<div id="bubbleRemixFrom" class="bubbleRemixFrom" hidden></div>
<div id="bubbleRemixCount" class="bubbleRemixCount">Remixed: 0</div>
<div class="bubbleVotes">
<button id="voteUp" type="button">Up</button>
<button id="voteUp" type="button">▲</button>
<span id="voteScore">0</span>
<button id="voteDown" type="button">Down</button>
<button id="voteDown" type="button">▼</button>
</div>
<div class="bubbleActions">
<button id="bubbleRemix" type="button">Remix</button>
@ -176,10 +168,6 @@
<div id="toast" class="toast" hidden></div>
</div>
<script src="./js/vector.js"></script>
<script src="./js/lighting.js"></script>
<script src="./js/render-pipeline.js"></script>
<script src="./js/editor-actions.js"></script>
<script src="./app.js"></script>
</body>
</html>