Added depth for floors and platforms

qkmaxware · Dec 21, 2021 · 633e249 · 633e249
1 parent ffe2415
commit 633e249
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 20 deletions.
diff --git a/Pages/TerrainIndex.razor b/Pages/TerrainIndex.razor
@@ -56,11 +56,12 @@
     private void createMini() {
          var mini = new Terrain {
             Name = "New Wall " + (minis.Count + 1),
-            Kind = TerrainKind.Wall,
+            Kind = TerrainKind.Freestanding,
             Art = new TerrainArt {
                 Url = string.Empty
             },
             Length = 3,
+            Depth = 3,
             Height = 0.5f,
             Replicas = 1,
         };

diff --git a/Shared/TerrainDrawer.razor b/Shared/TerrainDrawer.razor
@@ -1,6 +1,6 @@
 <div class="solid" style="padding: 2px;">
 @if (Terrain != null) {
-if (Terrain.Kind == TerrainKind.Wall) {
+if (Terrain.Kind == TerrainKind.Freestanding) {
 <div class="solid" style="width: @(Terrain.Length)in;">
     <div class="cut-top cut-left cut-right" style="width: 100%; height: 0.5in;"></div>
     <div class="cut-left cut-right fold-top fold-bottom" style="height: @(Terrain.Height)in;">
@@ -51,7 +51,7 @@ if (Terrain.Kind == TerrainKind.Wall) {
     </div>
 </div>
 } else if (Terrain.Kind == TerrainKind.Floor) {
-<div class="solid fit-image" style="width: @(Terrain.Length)in; height: @(Terrain.Length)in;">
+<div class="solid fit-image" style="width: @(Terrain.Length)in; height: @(Terrain.Depth)in;">
     <img src="@(Terrain.Art.Url)" class="pixelart">
 </div>
 }else if (Terrain.Kind == TerrainKind.Platform) {
@@ -68,19 +68,19 @@ if (Terrain.Kind == TerrainKind.Wall) {
         <div class="solid cut-right cut-top fold-left cut-bottom" style="width: @(Terrain.Height)in; height: @(Terrain.Height)in;"></div>
     </div>
     <div style="display: flex;">
-        <div class="solid cut-left cut-top fold-right cut-bottom" style="width: @(Terrain.Height)in; height: @(Terrain.Length)in;">
+        <div class="solid cut-left cut-top fold-right cut-bottom" style="width: @(Terrain.Height)in; height: @(Terrain.Depth)in;">
             @if (Terrain.SupportArt != null && !string.IsNullOrEmpty(Terrain.SupportArt.Url)) {
             <div class="fill center-image-rotate90">
-                <img class="pixelart" src="@Terrain.SupportArt.Url" style="object-fit: fill; width: @(Terrain.Length)in; height: @(Terrain.Height)in;">
+                <img class="pixelart" src="@Terrain.SupportArt.Url" style="object-fit: fill; width: @(Terrain.Length)in; height: @(Terrain.Depth)in;">
             </div>
             }
         </div>
-        <div class="solid fold-left fold-right fold-top fold-bottom" style="width: @(Terrain.Length)in; height: @(Terrain.Length)in;">
+        <div class="solid fold-left fold-right fold-top fold-bottom" style="width: @(Terrain.Length)in; height: @(Terrain.Depth)in;">
             <div class="fill">
                 <img class="fill pixelart" src="@Terrain.Art.Url" style="object-fit: fill;">
             </div>
         </div>
-        <div class="solid cut-right cut-top fold-left cut-bottom" style="width: @(Terrain.Height)in; height: @(Terrain.Length)in;">
+        <div class="solid cut-right cut-top fold-left cut-bottom" style="width: @(Terrain.Height)in; height: @(Terrain.Depth)in;">
             @if (Terrain.SupportArt != null && !string.IsNullOrEmpty(Terrain.SupportArt.Url)) {
             <div class="fill center-image-rotate-90">
                 <img class="pixelart" src="@Terrain.SupportArt.Url" style="object-fit: fill; width: @(Terrain.Length)in; height: @(Terrain.Height)in;">

diff --git a/Shared/TerrainEditor.razor b/Shared/TerrainEditor.razor
@@ -22,17 +22,31 @@
             </div>
             <label>Size (tiles)</label>
             <div class="w3-row">
-                <div class="w3-col s2 w3-right-align" style="padding-top: 10px;">
-                    <label>Length</label>
-                </div>
-                <div class="w3-col s4">
-                    <input type=number class="w3-input w3-margin-bottom" @bind=@mini.Length style="background-color:inherit; color:inherit;">
-                </div>
-                <div class="w3-col s2 w3-right-align" style="padding-top: 10px;">
-                    <label>Height</label>
+                <div class="w3-row w3-col s6">
+                    <div class="w3-row">
+                        <div class="w3-col s4 w3-right-align" style="padding-top: 10px;">
+                            <label>Length</label>
+                        </div>
+                        <div class="w3-col s6">
+                            <input type=number class="w3-input w3-margin-bottom" @bind=@mini.Length style="background-color:inherit; color:inherit;">
+                        </div>
+                    </div>
+                    <div class="w3-row">
+                        <div class="w3-col s4 w3-right-align" style="padding-top: 10px;">
+                            <label>Depth</label>
+                        </div>
+                        <div class="w3-col s6">
+                            <input type=number class="w3-input w3-margin-bottom" @bind=@mini.Depth style="background-color:inherit; color:inherit;">
+                        </div>
+                    </div>
                 </div>
-                <div class="w3-col s4">
-                    <input type=number class="w3-input w3-margin-bottom" @bind=@mini.Height style="background-color:inherit; color:inherit;">
+                <div class="w3-row w3-col s6">
+                    <div class="w3-col s2 w3-right-align" style="padding-top: 10px;">
+                        <label>Height</label>
+                    </div>
+                    <div class="w3-col s4">
+                        <input type=number class="w3-input w3-margin-bottom" @bind=@mini.Height style="background-color:inherit; color:inherit;">
+                    </div>
                 </div>
             </div>
             <label>Replicas</label>

diff --git a/TerrainData.cs b/TerrainData.cs
@@ -8,7 +8,7 @@ public class TerrainArt {
 }
 
 public enum TerrainKind {
-    Wall,
+    Freestanding,
     Clip,
     Floor,
     Platform,
@@ -17,8 +17,8 @@ public enum TerrainKind {
 public static class TerrainKindMethods {
     public static string Description(this TerrainKind size) {
         return size switch {
-            TerrainKind.Wall => "Vertical walls supported by a flat base.",
-            TerrainKind.Clip => "Decoration which can be slid over walls, good for doors or windows.",
+            TerrainKind.Freestanding => "Freestanding images supported by a flat base.",
+            TerrainKind.Clip => "Decoration which can be slid over freestanding walls, good for doors or windows.",
             TerrainKind.Floor => "Flat image for laying on the ground, good for carpets or trap doors.",
             TerrainKind.Platform => "Slightly raised box with no bottom, good for applying elevation to maps.",
             _ => string.Empty
@@ -42,6 +42,7 @@ public class Terrain {
 
     public float Length {get; set;}
     public float Height {get; set;}
+    public float Depth {get; set;}
     public double HalfHeight => Height * 0.5f;
 }