inhabitor/index.html

75 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Inhabitor - The Habitat Inspector</title>
<style type="text/css">
body {
margin:40px auto;
line-height:1.6;
font-size:18px;
color:#444;
padding:0 10px
}
h1,h2,h3 {
line-height:1.2
}
</style>
<script type="module">
import { displayBodies, displayProps } from "./index.js"
window.showErrors = () => {
document.getElementById('errors').style.display = 'block'
}
const displayEverything = () => {
displayBodies("bodies.json", "bodies")
displayProps("heads.json", "heads")
displayProps("props.json", "props")
displayProps("misc.json", "misc")
displayProps("beta.json", "beta")
}
displayEverything()
</script>
</head>
<body>
<h1>Inhabitor - The Habitat Inspector</h1>
<p>
You are looking at a collection of object graphics from
<a href="https://frandallfarmer.github.io/neohabitat-doc/docs/">Lucasfilm Games' Habitat</a>. These images are
generated by parsing Habitat's internal binary image / animation format in
JavaScript. The full <a href="https://git.information-superhighway.net/SpindleyQ/inhabitor">
source code is freely available</a>. There are missing features in the rendering
code that means that these images may not be a completely accurate representation
of what is actually seen in-game.
</p>
<p>
The images are <code>.bin</code> files that have been pulled from the
<a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat">
Habitat source archive</a> released by the MADE on GitHub. Duplicates have been removed.
Some of these objects were never actually included in any released version of Habitat.
</p>
<div id="bodies">
<h3>Avatars</h3>
</div>
<div id="heads">
<h3>The Hall Of Heads</h3>
<p>From: <a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat/tree/master/aric/mic/Gr/Heads">aric/mic/Gr/Heads</a></p>
</div>
<div id="misc">
<h3>More Heads</h3>
<p>From: <a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat/tree/master/sources/c64/Images">sources/c64/Images</a></p>
</div>
<div id="props">
<h3>Props</h3>
<p>From: <a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat/tree/master/aric/mic/Gr/Props">aric/mic/Gr/Props</a></p>
</div>
<div id="beta">
<h3>Beta-only</h3>
<p>From: <a href="https://github.com/Museum-of-Art-and-Digital-Entertainment/habitat/tree/master/habitat/Beta/Images">habitat/Beta/Images</a></p>
</div>
<a href="javascript:showErrors();">Show errors</a>
<div id="errors" style="display: none"></div>
</body>
</html>