Skip to content

Commit

Permalink
fix link anchor tags on first page load and safari rendering (#86)
Browse files Browse the repository at this point in the history
  • Loading branch information
gmriggs authored Feb 15, 2024
1 parent c7d873a commit 7f7d872
Showing 1 changed file with 15 additions and 14 deletions.
29 changes: 15 additions & 14 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -28,12 +28,13 @@
flex-wrap: wrap;
gap: 30px;
margin-left: 30px;
align-items: flex-start;
}

.imagegrid img {
width: 20%;
min-width: 250px;
height: fit-content;
height: auto;
margin-left: 0;
}

@@ -61,17 +62,17 @@ <h2 id="getting-started">Getting Started</h2>
<em>Note that if you compiled ACViewer yourself, ACViewer.exe will be either in you
`ACViewer/bin/Debug/net6.0-windows` or `ACViewer/bin/Release/net6.0-windows` folder.</em>
</p>
<img src="images/ACViewer.png">
<img src="images/ACViewer.png" width="624" height="372">
<p>The first step is to load the AC folder into the application. In the menu bar at the top of the window, go to
File > Open and browse to the folder that contains the AC .DAT files. Select any DAT to load the folder (can
take a few seconds)</p>
<img src="images/OpenFile.png"><br><br>
<img src="images/Open.png">
<img src="images/OpenFile.png" width="315" height="189"><br><br>
<img src="images/Open.png" width="624" height="352">

<h2 id="file-types">File Types</h2>
<p>On the left side of the window, there is a 'File Type' dropdown selector. This list contains all of the known
file types within the DAT files that can be displayed:</p>
<img src="images/FileType.png">
<img src="images/FileType.png" width="296" height="791">
<p>For a description of these file types, Optimshi has created an excellent website <a
href="http://ac.yotesfan.com/">http://ac.yotesfan.com/</a> that gives an overview of what all of these files
are.</p>
@@ -142,33 +143,33 @@ <h3>client_portal.dat</h3>
PhysicsScript, along with different intensities.</p>
<hr>
<p>After selecting a file type, all files in the DAT matching that type will be displayed:</p>
<img src="images/SelectFile.png">
<img src="images/SelectFile.png" width="181" height="476">
<p>Selecting the individual files will display the raw data in a navigable tree view below:</p>
<img src="images/FileInfo.png">
<img src="images/FileInfo.png" width="187" height="725">

<h2 id="world-map">World Map</h2>
<p>To access the World Map, go to the 'View' menu at the top of the application, and click 'World Viewer':</p>
<img src="images/ViewMenu.png">
<img src="images/ViewMenu.png" width="533" height="370">
<p>The World Map can also be accessed by select '0xFFFF - Landblock' or '0xFFFE - LandblockInfo' from the FileType
selector.</p>
<img src="images/WorldMap.png">
<img src="images/WorldMap.png" width="624" height="499">
<p>To zoom in and out of the world map, use the mouse scrollwheel.</p>
<img src="images/WorldMap_Zoom.png">
<img src="images/WorldMap_Zoom.png" width="624" height="499">
<p>To pan around the world map, click and drag with the RIGHT mouse button. The arrow keys can also be used.</p>
<p>There is a red square that appears on the mouse cursor. This square is the current landblock the mouse cursor is
hovered over.</p>
<p>To view just 1 landblock, LEFT mouse click to bring up the 3D viewer for the current landblock highlighted by the
red square.</p>
<img src="images/yaraq.png">
<img src="images/yaraq.png" width="624" height="338">
<p>To view a range of landblocks, click and drag the LEFT mouse button to select the range of landblocks you want to
view.</p>
<img src="images/WorldMap_SelectRange.png"><br><br>
<img src="images/op.png">
<img src="images/WorldMap_SelectRange.png" width="540" height="484"><br><br>
<img src="images/op.png" width="624" height="338">
<p>A word of caution: viewing more than 1k landblocks at a time may consume significant RAM, and take awhile to
load, so try to keep the selection to a reasonable range!</p>

<h2 id="world-viewer">World Viewer</h2>
<img src="images/op-house.png">
<img src="images/op-house.png" width="624" height="338">
<p>To fly around the world viewer, use the WASD keys to move the camera around. To rotate the camera, click and hold
the RIGHT mouse button in the world viewer area, and drag the mouse around.</p>
<p>To adjust the speed of the camera in the world viewer, use the mouse wheel.</p>

0 comments on commit 7f7d872

Please sign in to comment.