87 lines
6.4 KiB
HTML
87 lines
6.4 KiB
HTML
<section id="view-map" class="view">
|
|
<header class="bar top">
|
|
<button id="map-src" class="iconbtn" title="Where the maps, meshes and textures are read from"><i data-icon="box"></i><span id="map-src-label">Choose packs…</span></button>
|
|
<button id="map-open-file" class="iconbtn" title="Open a map .ini from disk"><i data-icon="folder"></i><span>Open file…</span></button>
|
|
<div class="ims-title"><span id="map-title" class="muted"></span><span id="map-dirty" class="dot bad" title="Unsaved changes" hidden></span></div>
|
|
<div class="spacer"></div>
|
|
<button id="map-add" class="iconbtn" title="Add an object, effect or point"><i data-icon="plus"></i><span>Add</span></button>
|
|
<button id="map-undo" class="iconbtn only" title="Undo (Ctrl+Z)" disabled><i data-icon="undo"></i></button>
|
|
<button id="map-redo" class="iconbtn only" title="Redo (Ctrl+Y)" disabled><i data-icon="redo"></i></button>
|
|
<button id="map-save" class="btn primary"><i data-icon="save"></i>Save</button>
|
|
</header>
|
|
|
|
<div class="split">
|
|
<aside id="map-left" class="ims-left">
|
|
<div class="ims-head map-head">
|
|
<select id="map-mode" title="Mode"><option value="">All modes</option></select>
|
|
</div>
|
|
<div class="ims-head">
|
|
<div class="search"><i data-icon="search"></i><input id="map-search" type="search" placeholder="Search maps / models" spellcheck="false" /></div>
|
|
<span id="map-count" class="muted"></span>
|
|
</div>
|
|
<div id="map-list" class="mdl-list"></div>
|
|
<div class="ims-foot muted mdl-hint">Double-click a map to open it</div>
|
|
</aside>
|
|
<div class="splitter" data-target="map-left" data-edge="left" title="Drag to resize"></div>
|
|
|
|
<div class="main-col">
|
|
<div class="bar nav">
|
|
<button id="map-t-anim" class="iconbtn toggle on" title="Map animation: moving textures (water, sky, glow), animated objects, elevators — off shows the map at rest"><i data-icon="play"></i><span>Anim</span></button>
|
|
<button id="map-t-light" class="iconbtn toggle on" title="Lighting, fog and background from the config"><i data-icon="zap"></i><span>Light</span></button>
|
|
<button id="map-t-tex" class="iconbtn toggle on only" title="Textures"><i data-icon="image"></i></button>
|
|
<button id="map-t-wire" class="iconbtn toggle only" title="Wireframe"><i data-icon="grid"></i></button>
|
|
<button id="map-t-col" class="iconbtn toggle" title="Collision mesh (.cms): where players can stand"><i data-icon="shield"></i><span>Collision</span></button>
|
|
<button id="map-t-outline" class="iconbtn toggle on" title="Outline edges (.edg)"><i data-icon="draw"></i><span>Outline</span></button>
|
|
<button id="map-t-objects" class="iconbtn toggle on" title="Objects placed by the config"><i data-icon="cube"></i><span>Objects</span></button>
|
|
<button id="map-t-labels" class="iconbtn toggle" title="Names of every point"><i data-icon="note"></i><span>Labels</span></button>
|
|
<button id="map-t-grid" class="iconbtn toggle only" title="Floor grid"><i data-icon="floor"></i></button>
|
|
<label class="pill" title="Snap dragged points to a grid"><i data-icon="target"></i>
|
|
<select id="map-snap"><option value="0">No snap</option><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select>
|
|
</label>
|
|
<div class="spacer"></div>
|
|
<span id="map-hover" class="mono ims-texinfo"></span>
|
|
<button id="map-top" class="iconbtn only" title="Top view (T)"><i data-icon="up"></i></button>
|
|
<button id="map-reset" class="iconbtn only" title="Reset the view"><i data-icon="focus"></i></button>
|
|
</div>
|
|
<div class="mdl-stage">
|
|
<canvas id="map-canvas" tabindex="0"></canvas>
|
|
<div id="map-labels" class="map-labels"></div>
|
|
<div id="map-loading" class="mdl-loading" hidden><i></i><span>Loading…</span></div>
|
|
</div>
|
|
<div id="map-empty" class="empty">
|
|
<div class="empty-card">
|
|
<i data-icon="map" class="big"></i>
|
|
<h2>Map editor</h2>
|
|
<p>Pick the packs (<b>Choose packs…</b>: the client folder with rs.iop and map.iop), then double-click a map. Select an object and use <b>G</b> to move, <b>R</b> to rotate its editor preview, or <b>S</b> to scale. Drag points to move; Alt-drag changes height. Editor rotation is saved in a comment so it returns when reopened, but the game ignores it because map files have no rotation field.</p>
|
|
</div>
|
|
</div>
|
|
<div class="ims-help muted">Click a point to select · P move · R rotate preview · S scale · Snap base to map floor · Alt-drag: height · arrows nudge · Ctrl+D copy · Del remove · F focus · T top view</div>
|
|
</div>
|
|
|
|
<div class="splitter" data-target="map-side" data-edge="right" title="Drag to resize"></div>
|
|
<aside id="map-side" class="ims-side map-side" hidden>
|
|
<section class="ims-card">
|
|
<h4>Map</h4>
|
|
<div id="map-info" class="ims-form"></div>
|
|
</section>
|
|
<section class="ims-card">
|
|
<h4>Layers</h4>
|
|
<div id="map-layers" class="map-layers"></div>
|
|
</section>
|
|
<section class="ims-card">
|
|
<h4>Objects <span id="map-object-count" class="muted">0</span></h4>
|
|
<div class="search"><i data-icon="search"></i><input id="map-object-search" type="search" placeholder="Search objects / models" spellcheck="false" /></div>
|
|
<div id="map-object-list" class="map-object-list"></div>
|
|
</section>
|
|
<section class="ims-card">
|
|
<h4>Sections <span id="map-sec-count" class="muted"></span></h4>
|
|
<div class="search"><i data-icon="search"></i><input id="map-sec-search" type="search" placeholder="Filter sections / values" spellcheck="false" /></div>
|
|
<div id="map-sections" class="map-sections"></div>
|
|
</section>
|
|
<section id="map-sec-card" class="ims-card grow" hidden>
|
|
<h4><span id="map-sec-name"></span></h4>
|
|
<div id="map-sec"></div>
|
|
</section>
|
|
</aside>
|
|
</div>
|
|
</section> |