123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Mini Dungeon</title>
-
- <meta name="description" content="Game assets overview">
- <meta name="author" content="Kenney">
- </head>
- <body>
- <div class='container header'><h1>Mini Dungeon</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> 21×</span><span class='data'><strong>Total materials:</strong> 9×</span><span class='data'><strong>Total textures:</strong> 0</span><span class='data'><strong>Vertex colors:</strong> ✔</span>
- </p>
-
- </div>
-
- <div class='container content'>
-
- <p><strong>Materials</strong></p>
-
- <p><span class='data no-padding' title='#F2BF99'><span class='swatch' style='background-color:#F2BF99'></span>beige</span><span class='data no-padding' title='#D6865B'><span class='swatch' style='background-color:#D6865B'></span>brown</span><span class='data no-padding' title='#38383D'><span class='swatch' style='background-color:#38383D'></span>dark</span><span class='data no-padding' title='#FFFFFF'><span class='swatch' style='background-color:#FFFFFF'></span>default</span><span class='data no-padding' title='#61CB8B'><span class='swatch' style='background-color:#61CB8B'></span>green</span><span class='data no-padding' title='#868BA1'><span class='swatch' style='background-color:#868BA1'></span>grey</span><span class='data no-padding' title='#BEC2D4'><span class='swatch' style='background-color:#BEC2D4'></span>grey-light</span><span class='data no-padding' title='#E85553'><span class='swatch' style='background-color:#E85553'></span>red</span><span class='data no-padding' title='#FFC044'><span class='swatch' style='background-color:#FFC044'></span>yellow</span></p>
-
- </div>
-
- <div class='container content'>
-
- <p style='margin-bottom:2em'><strong>Models</strong></p>
-
- <div title='270 vertices, 6 material(s) and 6 group(s)' class='package'><img src='Previews/banner.png'/><br>banner</div>
- <div title='248 vertices, 2 material(s) and 2 group(s)' class='package'><img src='Previews/barrel.png'/><br>barrel</div>
- <div title='811 vertices, 12 material(s) and 7 group(s)' class='package'><img src='Previews/character-human.png'/><br>character-human</div>
- <div title='1088 vertices, 23 material(s) and 15 group(s)' class='package'><img src='Previews/character-orc.png'/><br>character-orc</div>
- <div title='362 vertices, 4 material(s) and 2 group(s)' class='package'><img src='Previews/chest.png'/><br>chest</div>
- <div title='392 vertices, 2 material(s) and 2 group(s)' class='package'><img src='Previews/coin.png'/><br>coin</div>
- <div title='112 vertices, 3 material(s) and 3 group(s)' class='package'><img src='Previews/column.png'/><br>column</div>
- <div title='24 vertices, 1 material(s) and 1 group(s)' class='package'><img src='Previews/dirt.png'/><br>dirt</div>
- <div title='120 vertices, 5 material(s) and 4 group(s)' class='package'><img src='Previews/door.png'/><br>door</div>
- <div title='4 vertices, 1 material(s) and 1 group(s)' class='package'><img src='Previews/floor.png'/><br>floor</div>
- <div title='204 vertices, 2 material(s) and 2 group(s)' class='package'><img src='Previews/floor-detail.png'/><br>floor-detail</div>
- <div title='324 vertices, 2 material(s) and 2 group(s)' class='package'><img src='Previews/rocks.png'/><br>rocks</div>
- <div title='198 vertices, 1 material(s) and 1 group(s)' class='package'><img src='Previews/stairs.png'/><br>stairs</div>
- <div title='438 vertices, 10 material(s) and 10 group(s)' class='package'><img src='Previews/stones.png'/><br>stones</div>
- <div title='176 vertices, 8 material(s) and 8 group(s)' class='package'><img src='Previews/trap.png'/><br>trap</div>
- <div title='566 vertices, 7 material(s) and 5 group(s)' class='package'><img src='Previews/wall.png'/><br>wall</div>
- <div title='318 vertices, 6 material(s) and 5 group(s)' class='package'><img src='Previews/wall-half.png'/><br>wall-half</div>
- <div title='504 vertices, 9 material(s) and 7 group(s)' class='package'><img src='Previews/wall-narrow.png'/><br>wall-narrow</div>
- <div title='312 vertices, 5 material(s) and 5 group(s)' class='package'><img src='Previews/wall-opening.png'/><br>wall-opening</div>
- <div title='288 vertices, 16 material(s) and 16 group(s)' class='package'><img src='Previews/wood-structure.png'/><br>wood-structure</div>
- <div title='96 vertices, 5 material(s) and 5 group(s)' class='package'><img src='Previews/wood-support.png'/><br>wood-support</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{
-
- cursor: default;
-
- color: #171b21;
- background-color: #d7d9da;
- padding: 0.3em 0.7em;
- border-radius: 0.2em;
- font-size: 90%;
-
- margin-right:0.5em;
-
- }
-
- .data:hover{ background-color:#ffbe07; }
- .no-padding{ padding-left:4px; }
-
- .swatch{
-
- display:inline-block;
-
- width: 16px; height: 16px;
- vertical-align: text-top;
- background-color: red;
- border-radius: 0.2em;
-
- margin-right: 8px;
-
- box-shadow: 0px 1px 2px #00000070;
-
- }
-
- .clear{ clear:both; height:8em }
-
- </style>
-
- </html>
|