diff options
Diffstat (limited to 'assets/pets/Overview.html')
| -rw-r--r-- | assets/pets/Overview.html | 217 |
1 files changed, 217 insertions, 0 deletions
diff --git a/assets/pets/Overview.html b/assets/pets/Overview.html new file mode 100644 index 0000000..6387fdd --- /dev/null +++ b/assets/pets/Overview.html @@ -0,0 +1,217 @@ +<!doctype html>
+
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+
+ <title>Cube Pets</title>
+
+ <meta name="description" content="Game assets overview">
+ <meta name="author" content="Kenney">
+
+</head>
+
+<body>
+
+ <div class='container header'><h1>Cube Pets</h1></div>
+
+ <div class='container content'>
+
+ <p><strong>Information</strong></p>
+
+ <p>Hover over models to show details, for the documentation see the <a target='_blank' href='https://kenney.nl/knowledge-base/game-assets-3d/importing-3d-models-into-game-engines'>knowledge base</a>.</p>
+
+ <p>
+ <span class='data'><strong>Total objects:</strong> 24×</span><span class='data'><strong>Total animations:</strong> 192×</span>
+ </p>
+
+ </div>
+
+ <div class='container content'>
+
+ <p><strong>Textures</strong></p>
+
+ <p><a href='Models/FBX format/Textures/colormap.png' target='_blank' class='data no-padding'><span class='swatch' style='background-image: url("Models/FBX format/Textures/colormap.png")'></span>colormap</a></p>
+
+ </div>
+
+ <div class='container content'>
+
+ <p style='margin-bottom:2em'><strong>Models</strong></p>
+
+ <div title='1144 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-beaver.png'/><br>animal-beaver</div> +<div title='1132 vertices • 6 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-bee.png'/><br>animal-bee</div> +<div title='1075 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-bunny.png'/><br>animal-bunny</div> +<div title='1204 vertices • 6 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-cat.png'/><br>animal-cat</div> +<div title='1062 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-caterpillar.png'/><br>animal-caterpillar</div> +<div title='862 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-chick.png'/><br>animal-chick</div> +<div title='726 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-cow.png'/><br>animal-cow</div> +<div title='1218 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-crab.png'/><br>animal-crab</div> +<div title='1442 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-deer.png'/><br>animal-deer</div> +<div title='834 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-dog.png'/><br>animal-dog</div> +<div title='1130 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-elephant.png'/><br>animal-elephant</div> +<div title='702 vertices • 2 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-fish.png'/><br>animal-fish</div> +<div title='993 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-fox.png'/><br>animal-fox</div> +<div title='1094 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-giraffe.png'/><br>animal-giraffe</div> +<div title='1266 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-hog.png'/><br>animal-hog</div> +<div title='1062 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-koala.png'/><br>animal-koala</div> +<div title='1597 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-lion.png'/><br>animal-lion</div> +<div title='1626 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-monkey.png'/><br>animal-monkey</div> +<div title='1097 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-panda.png'/><br>animal-panda</div> +<div title='916 vertices • 6 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-parrot.png'/><br>animal-parrot</div> +<div title='960 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-penguin.png'/><br>animal-penguin</div> +<div title='738 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-pig.png'/><br>animal-pig</div> +<div title='405 vertices • 4 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-polar.png'/><br>animal-polar</div> +<div title='1577 vertices • 5 group(s) • 8 animation(s)' class='package'><span class='animated'>Animated</span><img src='Previews/animal-tiger.png'/><br>animal-tiger</div> +
+
+ </div>
+
+ <div class='clear'></div>
+
+ <div class='container footer'>
+
+ Find more assets at Kenney <a href='https://kenney.nl/assets'>(www.kenney.nl)</a><br>
+
+ License: <a href='https://creativecommons.org/publicdomain/zero/1.0/'>CC0 1.0 Universal</a>
+
+ </div>
+
+</body>
+
+ <style>
+
+ body{
+
+ font-family:system-ui;
+ font-size:0.9em;
+ font-weight:600;
+
+ color:#d7d9da;
+ background-color:#171B21;
+
+ margin-top:5em;
+ margin-bottom:5em;
+
+ overflow-y:scroll;
+
+ }
+
+ h1{
+
+ color:#FFFFFF;
+ font-family:sans-serif;
+ margin-bottom:1.2em;
+
+ }
+
+ a{ color:#d7d9da; }
+ a:hover{ color:#ffbe07; }
+
+ .container{
+
+ max-width:1120px;
+ margin:0 auto;
+
+ }
+
+ .container.header{
+
+ text-align:center;
+ margin-bottom:2.5em
+
+ }
+
+ .container.content{ margin-top:3em; }
+
+ .container.footer{
+
+ margin-top:1em;
+ text-align:center
+
+ }
+
+ .package{
+
+ float:left;
+
+ width:12.5%;
+ min-width:104px;
+
+ height:140px;
+
+ text-align:center;
+
+ color:#d7d9da;
+ text-decoration:none;
+
+ font-size:12px;
+
+ position:relative;
+
+ }
+
+ .package img{
+
+ background-color:#2f333a;
+ padding:8px 18px;
+ border-radius:4px;
+
+ width:64px;
+ margin-bottom:8px;
+
+ }
+
+ .package img:hover{ background-color:#ECECEC; }
+
+ .data{
+
+ color: #171b21;
+ background-color: #d7d9da;
+ padding: 0.3em 0.7em;
+ border-radius: 0.2em;
+ font-size: 90%;
+
+ margin-right:0.5em;
+ text-decoration:none;
+
+ }
+
+ .data:hover{ background-color:#ffbe07; color:#171b21; }
+ .no-padding{ padding-left:4px; }
+
+ .swatch{
+
+ display:inline-block;
+
+ width: 16px; height: 16px;
+ vertical-align: text-top;
+ border-radius: 0.2em;
+
+ margin-right: 8px;
+
+ box-shadow: 0px 1px 2px #00000070;
+
+ background-size:cover;
+
+ }
+
+ .animated{
+
+ position: absolute;
+ color: #171b21;
+ background-color: #ffbe07;
+ padding: 1px 5px;
+ text-transform: uppercase;
+ font-size: 10px;
+ font-weight: bold;
+ border-radius: 2px;
+ pointer-events: none;
+
+ }
+
+ .clear{ clear:both; height:8em }
+
+ </style>
+
+</html>
\ No newline at end of file |