move to another tileset, larger tiles, bigger screen

2023-02-13 18:59:51 +01:00 · 2023-02-13 18:59:51 +01:00 · ecf1a9cd67
commit ecf1a9cd67
parent b18cc37b77
246 changed files with 105 additions and 55 deletions
--- a/README.md
+++ b/README.md
@ -21,11 +21,9 @@ yarn build

 ## Credits

-Textures all from [OpenGameArt](https://opengameart.org/). More specifically:
+Art, Music and all from [OpenGameArt](https://opengameart.org/). More specifically:

-* https://opengameart.org/content/nature-tileset
-* https://opengameart.org/content/platform-tileset-nature
-* https://opengameart.org/content/cave-tileset-2
-* https://opengameart.org/content/monsterboy-in-wonder-world-mockup-assets
+* https://opengameart.org/content/voxel-pack (Kenneys Game Art is just incredible!)
+* https://opengameart.org/content/oves-essential-game-audio-pack-collection-160-files-updated

 and partially adapted to my needs.
--- a/index.html
+++ b/index.html
@ -3,17 +3,28 @@
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="preload" as="image" href="/Tiles/dirt.png" />
+    <link rel="preload" as="image" href="/Tiles/dirt_grass.png" />
+    <link rel="preload" as="image" href="/Tiles/gravel_dirt.png" />
+    <link rel="preload" as="image" href="/Tiles/gravel_stone.png" />
+    <link rel="preload" as="image" href="/Tiles/stone.png" />
+    <link rel="preload" as="image" href="/Tiles/stone_dirt.png" />
+    <link rel="preload" as="image" href="/Tiles/sand.png" />
+    <link rel="preload" as="image" href="/Tiles/stone_sand.png" />
+    <link rel="preload" as="image" href="/Tiles/stone_grass.png" />
+    <link rel="preload" as="image" href="/Tiles/trunk_mid.png" />
+    <link rel="preload" as="image" href="/Tiles/trunk_bottom.png" />
+    <link rel="preload" as="image" href="/Tiles/leaves_transparent.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dig!</title>
    <style>
      :root {
-        --block-size: 32px;
-        --blocks-x: 32;
-        --blocks-y: 18;
+        --block-size: 64px;
+        --blocks-x: 20;
+        --blocks-y: 12;
        --spare-blocks: 2;
        --field-width: calc(var(--block-size) * var(--blocks-x));
        --field-height: calc(var(--block-size) * var(--blocks-y));
-        --spare-blocks: 2;
      }
      html,body,#app {
        display: flex;
--- a/public/Characters/Alien/alien_arm.png
+++ b/public/Characters/Alien/alien_arm.png
--- a/public/Characters/Alien/alien_body.png
+++ b/public/Characters/Alien/alien_body.png
--- a/public/Characters/Alien/alien_head.png
+++ b/public/Characters/Alien/alien_head.png
--- a/public/Characters/Alien/alien_leg.png
+++ b/public/Characters/Alien/alien_leg.png
--- a/public/Characters/Boar/boar_body.png
+++ b/public/Characters/Boar/boar_body.png
--- a/public/Characters/Boar/boar_head.png
+++ b/public/Characters/Boar/boar_head.png
--- a/public/Characters/Boar/boar_leg.png
+++ b/public/Characters/Boar/boar_leg.png
--- a/public/Characters/Boar/boar_tail.png
+++ b/public/Characters/Boar/boar_tail.png
--- a/public/Characters/Fox/fox_body.png
+++ b/public/Characters/Fox/fox_body.png
--- a/public/Characters/Fox/fox_ear.png
+++ b/public/Characters/Fox/fox_ear.png
--- a/public/Characters/Fox/fox_leg.png
+++ b/public/Characters/Fox/fox_leg.png
--- a/public/Characters/Fox/fox_tail.png
+++ b/public/Characters/Fox/fox_tail.png
--- a/public/Characters/Gnome/gnome_arm.png
+++ b/public/Characters/Gnome/gnome_arm.png
--- a/public/Characters/Gnome/gnome_body.png
+++ b/public/Characters/Gnome/gnome_body.png
--- a/public/Characters/Gnome/gnome_head.png
+++ b/public/Characters/Gnome/gnome_head.png
--- a/public/Characters/Gnome/gnome_leg.png
+++ b/public/Characters/Gnome/gnome_leg.png
--- a/public/Characters/Hedgehog/hedgehog_body.png
+++ b/public/Characters/Hedgehog/hedgehog_body.png
--- a/public/Characters/Player1/female_arm.png
+++ b/public/Characters/Player1/female_arm.png
--- a/public/Characters/Player1/female_body.png
+++ b/public/Characters/Player1/female_body.png
--- a/public/Characters/Player1/female_head.png
+++ b/public/Characters/Player1/female_head.png
--- a/public/Characters/Player1/female_leg.png
+++ b/public/Characters/Player1/female_leg.png
--- a/public/Characters/Player2/male_arm.png
+++ b/public/Characters/Player2/male_arm.png
--- a/public/Characters/Player2/male_body.png
+++ b/public/Characters/Player2/male_body.png
--- a/public/Characters/Player2/male_head.png
+++ b/public/Characters/Player2/male_head.png
--- a/public/Characters/Player2/male_leg.png
+++ b/public/Characters/Player2/male_leg.png
--- a/public/Characters/Skeleton/skeleton_arm.png
+++ b/public/Characters/Skeleton/skeleton_arm.png
--- a/public/Characters/Skeleton/skeleton_body.png
+++ b/public/Characters/Skeleton/skeleton_body.png
--- a/public/Characters/Skeleton/skeleton_head.png
+++ b/public/Characters/Skeleton/skeleton_head.png
--- a/public/Characters/Skeleton/skeleton_leg.png
+++ b/public/Characters/Skeleton/skeleton_leg.png
--- a/public/Characters/Zombie/zombie_arm.png
+++ b/public/Characters/Zombie/zombie_arm.png
--- a/public/Characters/Zombie/zombie_body.png
+++ b/public/Characters/Zombie/zombie_body.png
--- a/public/Characters/Zombie/zombie_head.png
+++ b/public/Characters/Zombie/zombie_head.png
--- a/public/Characters/Zombie/zombie_leg.png
+++ b/public/Characters/Zombie/zombie_leg.png
--- a/public/Items/apple.png
+++ b/public/Items/apple.png
--- a/public/Items/arrow.png
+++ b/public/Items/arrow.png
--- a/public/Items/axe_bronze.png
+++ b/public/Items/axe_bronze.png
--- a/public/Items/axe_diamond.png
+++ b/public/Items/axe_diamond.png
--- a/public/Items/axe_gold.png
+++ b/public/Items/axe_gold.png
--- a/public/Items/axe_iron.png
+++ b/public/Items/axe_iron.png
--- a/public/Items/axe_silver.png
+++ b/public/Items/axe_silver.png
--- a/public/Items/boat.png
+++ b/public/Items/boat.png
--- a/public/Items/bow.png
+++ b/public/Items/bow.png
--- a/public/Items/bowArrow.png
+++ b/public/Items/bowArrow.png
--- a/public/Items/bowl.png
+++ b/public/Items/bowl.png
--- a/public/Items/fish.png
+++ b/public/Items/fish.png
--- a/public/Items/fish_cooked.png
+++ b/public/Items/fish_cooked.png
--- a/public/Items/fishingPole.png
+++ b/public/Items/fishingPole.png
--- a/public/Items/flail_bronze.png
+++ b/public/Items/flail_bronze.png
--- a/public/Items/flail_diamond.png
+++ b/public/Items/flail_diamond.png
--- a/public/Items/flail_gold.png
+++ b/public/Items/flail_gold.png
--- a/public/Items/flail_iron.png
+++ b/public/Items/flail_iron.png
--- a/public/Items/flail_silver.png
+++ b/public/Items/flail_silver.png
--- a/public/Items/hammer_bronze.png
+++ b/public/Items/hammer_bronze.png
--- a/public/Items/hammer_diamond.png
+++ b/public/Items/hammer_diamond.png
--- a/public/Items/hammer_gold.png
+++ b/public/Items/hammer_gold.png
--- a/public/Items/hammer_iron.png
+++ b/public/Items/hammer_iron.png
--- a/public/Items/hammer_silver.png
+++ b/public/Items/hammer_silver.png
--- a/public/Items/hoe_bronze.png
+++ b/public/Items/hoe_bronze.png
--- a/public/Items/hoe_diamond.png
+++ b/public/Items/hoe_diamond.png
--- a/public/Items/hoe_gold.png
+++ b/public/Items/hoe_gold.png
--- a/public/Items/hoe_iron.png
+++ b/public/Items/hoe_iron.png
--- a/public/Items/hoe_silver.png
+++ b/public/Items/hoe_silver.png
--- a/public/Items/minecart.png
+++ b/public/Items/minecart.png
--- a/public/Items/ore_coal.png
+++ b/public/Items/ore_coal.png
--- a/public/Items/ore_diamond.png
+++ b/public/Items/ore_diamond.png
--- a/public/Items/ore_emerald.png
+++ b/public/Items/ore_emerald.png
--- a/public/Items/ore_gold.png
+++ b/public/Items/ore_gold.png
--- a/public/Items/ore_iron.png
+++ b/public/Items/ore_iron.png
--- a/public/Items/ore_ironAlt.png
+++ b/public/Items/ore_ironAlt.png
--- a/public/Items/ore_ruby.png
+++ b/public/Items/ore_ruby.png
--- a/public/Items/ore_silver.png
+++ b/public/Items/ore_silver.png
--- a/public/Items/pick_bronze.png
+++ b/public/Items/pick_bronze.png
--- a/public/Items/pick_diamond.png
+++ b/public/Items/pick_diamond.png
--- a/public/Items/pick_gold.png
+++ b/public/Items/pick_gold.png
--- a/public/Items/pick_iron.png
+++ b/public/Items/pick_iron.png
--- a/public/Items/pick_silver.png
+++ b/public/Items/pick_silver.png
--- a/public/Items/seed.png
+++ b/public/Items/seed.png
--- a/public/Items/shovel_bronze.png
+++ b/public/Items/shovel_bronze.png
--- a/public/Items/shovel_diamond.png
+++ b/public/Items/shovel_diamond.png
--- a/public/Items/shovel_gold.png
+++ b/public/Items/shovel_gold.png
--- a/public/Items/shovel_iron.png
+++ b/public/Items/shovel_iron.png
--- a/public/Items/shovel_silver.png
+++ b/public/Items/shovel_silver.png
--- a/public/Items/stew.png
+++ b/public/Items/stew.png
--- a/public/Items/sword_bronze.png
+++ b/public/Items/sword_bronze.png
--- a/public/Items/sword_diamond.png
+++ b/public/Items/sword_diamond.png
--- a/public/Items/sword_gold.png
+++ b/public/Items/sword_gold.png
--- a/public/Items/sword_iron.png
+++ b/public/Items/sword_iron.png
--- a/public/Items/sword_silver.png
+++ b/public/Items/sword_silver.png
--- a/public/Items/wheat.png
+++ b/public/Items/wheat.png
--- a/public/Other/clouds.png
+++ b/public/Other/clouds.png
--- a/public/Other/moon.png
+++ b/public/Other/moon.png
--- a/public/Other/skybox_bottom.png
+++ b/public/Other/skybox_bottom.png
--- a/public/Other/skybox_side.png
+++ b/public/Other/skybox_side.png
--- a/public/Other/skybox_sideClouds.png
+++ b/public/Other/skybox_sideClouds.png
--- a/public/Other/skybox_sideHills.png
+++ b/public/Other/skybox_sideHills.png
--- a/public/Other/skybox_top.png
+++ b/public/Other/skybox_top.png
--- a/public/Other/sun.png
+++ b/public/Other/sun.png
--- a/public/Particles/square_blue.png
+++ b/public/Particles/square_blue.png
--- a/Show more
+++ b/Show more