add first batch of house graphics
All checks were successful
Rust / rustfmt (pull_request) Successful in 20s
Rust / clippy (pull_request) Successful in 37s
Rust / build (pull_request) Successful in 2m2s

This commit is contained in:
Dominic 2024-07-06 12:46:54 +02:00
parent 5edfe68606
commit a5ddd70e78
Signed by: msrd0
GPG key ID: AAF7C8430CA3345D
10 changed files with 88 additions and 0 deletions

View file

@ -0,0 +1,9 @@
# Powercreep - Overworld Assets
These assets were designed by us.
## Design
- All assets (with few exceptions for those that are meant to be included in other assets) have a `viewBox` of `0,0 64,64`.
- We strech all assets to `512,512` so they can be displayed easily in a browser without having to zoom much.
- We use asset composition whenever possible, however note that images don't recursively include other images (at least when viewed in firefox), so whenever an assets that is meant to be included needs another asset, that other asset needs to be included first.

View file

@ -0,0 +1,19 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<image x="0" y="0" width="64" height="64" href="grass.svg"/>
<image x="0" y="0" width="64" height="64" href="house-bottom.svg"/>
<!-- path to the door -->
<path d="M8,64 v-8 h48 v8 z" stroke="none" fill="sandybrown"/>
<path d="M8,64 v-8 h48 v8"/>
<!-- the door -->
<path d="M24,48 v-32 h16 v32 z" fill="white"/>
<circle cx="27" cy="32" r="1" stroke="none" fill="black"/>
<!-- the steps -->
<path d="M16,48 H48 V56 H16 z" fill="#aaa"/>
<path d="M20,48 H44 V52 H20 z" fill="#888"/>
</svg>

After

Width:  |  Height:  |  Size: 649 B

View file

@ -0,0 +1,12 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<image x="0" y="0" width="64" height="64" href="grass.svg"/>
<!-- fill the inner part of the house -->
<path d="M0,56 H48 V0 H0 z" stroke="none" fill="darkred"/>
<!-- border -->
<path d="M0,56 H48 V0"/>
</svg>

After

Width:  |  Height:  |  Size: 365 B

View file

@ -0,0 +1,9 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<image x="0" y="0" width="64" height="64" href="grass.svg"/>
<image x="0" y="0" width="64" height="64" href="house-bottom-left.svg"
transform="translate(32,0) scale(-1,1) translate(-32,0)"/>
</svg>

After

Width:  |  Height:  |  Size: 351 B

View file

@ -0,0 +1,8 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<image x="0" y="0" width="64" height="64" href="grass.svg"/>
<image x="0" y="0" width="64" height="64" href="house-bottom.svg"/>
<image x="16" y="8" width="32" height="32" href="window.svg"/>
</svg>

After

Width:  |  Height:  |  Size: 350 B

View file

@ -0,0 +1,12 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<image x="0" y="0" width="64" height="64" href="grass.svg"/>
<!-- fill the inner part of the house -->
<path d="M0,56 H64 V0 H0 z" stroke="none" fill="darkred"/>
<!-- border -->
<path d="M0,56 H64"/>
</svg>

After

Width:  |  Height:  |  Size: 362 B

View file

View file

@ -0,0 +1,6 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<image x="0" y="0" width="64" height="64" href="house-mid.svg"/>
<image x="16" y="8" width="32" height="32" href="window.svg"/>
</svg>

After

Width:  |  Height:  |  Size: 239 B

View file

@ -0,0 +1,5 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="64" height="64" stroke="none" fill="darkred"/>
</svg>

After

Width:  |  Height:  |  Size: 182 B

View file

@ -0,0 +1,8 @@
<svg version="1.1" width="512" height="512" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"
stroke="black" stroke-width="1" fill="none">
<rect x="0.5" y="0.5" width="31" height="31" fill="white"/>
<path d="M0,16 H32 M16,0 V32"/>
</svg>

After

Width:  |  Height:  |  Size: 250 B