KartoffelChipss/TensuraMap
1
1
Fork 0
Code Issues Pull Requests Actions Releases Activity

added cities

Browse Source
This commit is contained in:
KartoffelChips
2024-10-23 23:26:58 +02:00
parent 6d69193be0
commit d95ea6d26a
13 changed files with 195 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
img/icons/campground.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M15 3L3 19V21H21V19L9 3M12 15L16 21H8L12 15Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 452 B

img/icons/house.svg
+8
View File
@@ -0,0 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M14 21.0001V15.0001H10V21.0001M19 9.77818V16.2001C19 17.8802 19 18.7203 18.673 19.362C18.3854 19.9265 17.9265 20.3855 17.362 20.6731C16.7202 21.0001 15.8802 21.0001 14.2 21.0001H9.8C8.11984 21.0001 7.27976 21.0001 6.63803 20.6731C6.07354 20.3855 5.6146 19.9265 5.32698 19.362C5 18.7203 5 17.8802 5 16.2001V9.77753M21 12.0001L15.5668 5.96405C14.3311 4.59129 13.7133 3.9049 12.9856 3.65151C12.3466 3.42894 11.651 3.42899 11.0119 3.65165C10.2843 3.90516 9.66661 4.59163 8.43114 5.96458L3 12.0001"
stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 873 B

img/icons/star.svg
+8
View File
@@ -0,0 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path d="M11.2691 4.41115C11.5006 3.89177 11.6164 3.63208 11.7776 3.55211C11.9176 3.48263 12.082 3.48263 12.222 3.55211C12.3832 3.63208 12.499 3.89177 12.7305 4.41115L14.5745 8.54808C14.643 8.70162 14.6772 8.77839 14.7302 8.83718C14.777 8.8892 14.8343 8.93081 14.8982 8.95929C14.9705 8.99149 15.0541 9.00031 15.2213 9.01795L19.7256 9.49336C20.2911 9.55304 20.5738 9.58288 20.6997 9.71147C20.809 9.82316 20.8598 9.97956 20.837 10.1342C20.8108 10.3122 20.5996 10.5025 20.1772 10.8832L16.8125 13.9154C16.6877 14.0279 16.6252 14.0842 16.5857 14.1527C16.5507 14.2134 16.5288 14.2807 16.5215 14.3503C16.5132 14.429 16.5306 14.5112 16.5655 14.6757L17.5053 19.1064C17.6233 19.6627 17.6823 19.9408 17.5989 20.1002C17.5264 20.2388 17.3934 20.3354 17.2393 20.3615C17.0619 20.3915 16.8156 20.2495 16.323 19.9654L12.3995 17.7024C12.2539 17.6184 12.1811 17.5765 12.1037 17.56C12.0352 17.5455 11.9644 17.5455 11.8959 17.56C11.8185 17.5765 11.7457 17.6184 11.6001 17.7024L7.67662 19.9654C7.18404 20.2495 6.93775 20.3915 6.76034 20.3615C6.60623 20.3354 6.47319 20.2388 6.40075 20.1002C6.31736 19.9408 6.37635 19.6627 6.49434 19.1064L7.4341 14.6757C7.46898 14.5112 7.48642 14.429 7.47814 14.3503C7.47081 14.2807 7.44894 14.2134 7.41394 14.1527C7.37439 14.0842 7.31195 14.0279 7.18708 13.9154L3.82246 10.8832C3.40005 10.5025 3.18884 10.3122 3.16258 10.1342C3.13978 9.97956 3.19059 9.82316 3.29993 9.71147C3.42581 9.58288 3.70856 9.55304 4.27406 9.49336L8.77835 9.01795C8.94553 9.00031 9.02911 8.99149 9.10139 8.95929C9.16534 8.93081 9.2226 8.8892 9.26946 8.83718C9.32241 8.77839 9.35663 8.70162 9.42508 8.54808L11.2691 4.41115Z"
stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

img/icons/village.svg
+40
View File
@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 800 800" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;">
<g id="House" transform="matrix(0.745,0,0,0.745,210,175.416)">
<path d="M466.667,700.003L466.667,500.003L333.333,500.003L333.333,700.003M633.333,325.939L633.333,540.003C633.333,596.007 633.333,624.01 622.433,645.4C612.847,664.217 597.55,679.517 578.733,689.103C557.34,700.003 529.34,700.003 473.333,700.003L326.667,700.003C270.661,700.003 242.659,700.003 221.268,689.103C202.451,679.517 187.153,664.217 177.566,645.4C166.667,624.01 166.667,596.007 166.667,540.003L166.667,325.918M700,400.003L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 322.22,153.054 281.038,198.819L100,400.003" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:93.96px;"/>
</g>
<g id="House1" transform="matrix(0.5375,0,0,0.5375,252.75,40.7482)">
<path d="M731.628,427.085L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 298.034,175.38 256.852,221.145" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:102.33px;"/>
<path d="M113.246,380.762L59.07,439.073" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:102.33px;"/>
</g>
<g id="House2" transform="matrix(0.82902,0,0,0.82902,-18.7997,14.3998)">
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M597.97,284.764L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 322.22,153.054 281.038,198.819L100,400.003" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:90.57px;"/>
</g>
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M637.563,560.956C637.563,616.959 633.333,624.01 622.433,645.4" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:90.57px;"/>
</g>
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M356.67,697.278C276.036,697.074 231.546,694.341 221.268,689.103C202.451,679.517 187.153,664.217 177.566,645.4C166.667,624.01 166.667,596.007 166.667,540.003L166.667,325.918" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:90.57px;"/>
</g>
</g>
<g id="House3" transform="matrix(0.745,0,0,0.745,210,175.416)">
<path d="M466.667,700.003L466.667,500.003L333.333,500.003L333.333,700.003M633.333,325.939L633.333,540.003C633.333,596.007 633.333,624.01 622.433,645.4C612.847,664.217 597.55,679.517 578.733,689.103C557.34,700.003 529.34,700.003 473.333,700.003L326.667,700.003C270.661,700.003 242.659,700.003 221.268,689.103C202.451,679.517 187.153,664.217 177.566,645.4C166.667,624.01 166.667,596.007 166.667,540.003L166.667,325.918M700,400.003L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 322.22,153.054 281.038,198.819L100,400.003" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
</g>
<g id="House4" transform="matrix(0.5375,0,0,0.5375,252.75,40.7482)">
<path d="M731.628,427.085L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 298.034,175.38 256.852,221.145" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
<path d="M113.246,380.762L59.07,439.073" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
</g>
<g id="House5" transform="matrix(0.82902,0,0,0.82902,-18.7997,14.3998)">
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M597.97,284.764L518.893,198.802C477.703,153.043 457.11,130.163 432.853,121.717C411.553,114.298 388.367,114.3 367.063,121.722C342.81,130.172 322.22,153.054 281.038,198.819L100,400.003" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
</g>
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M637.563,560.956C637.563,616.959 633.333,624.01 622.433,645.4" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
</g>
<g transform="matrix(0.7921,0,0,0.805978,17.0478,46.0032)">
<path d="M356.67,697.278C276.036,697.074 231.546,694.341 221.268,689.103C202.451,679.517 187.153,664.217 177.566,645.4C166.667,624.01 166.667,596.007 166.667,540.003L166.667,325.918" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:66.67px;"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

img/locations/guratol_county.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

img/locations/migam_domain.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

img/locations/ogre_village.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

img/locations/tengu_village.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

js/SlimeMap.js
+41 -7
View File
@@ -7,15 +7,18 @@ export default class SlimeMap extends Map {
* @param nations * @param nations
* @param capitals * @param capitals
* @param pois * @param pois
* @param cities
*/ */
constructor(svgId, mapImage, nations, capitals, pois) { constructor(svgId, mapImage, nations, capitals, pois, cities) {
super(svgId, mapImage); super(svgId, mapImage);
this.nations = nations; this.nations = nations;
this.capitals = capitals; this.capitals = capitals;
this.pois = pois; this.pois = pois;
this.cities = cities;
this.addNations(); this.addNations();
this.addCapitals(); this.addCapitals();
this.addPOIs(); this.addPOIs();
this.addCities();
} }
addNations() { addNations() {
@@ -38,7 +41,7 @@ export default class SlimeMap extends Map {
addCapitals() { addCapitals() {
for (let capital of this.capitals) { for (let capital of this.capitals) {
const svgString = ` const svgString = `
<g transform="translate(${capital.position.x}, ${capital.position.y}) scale(2.5, 2.5)" <g transform="translate(${capital.position.x}, ${capital.position.y}) scale(2.5, 2.5)" fill="transparent"
class="location" class="location"
data-name="${capital.name}" data-name="${capital.name}"
data-url="${capital.url ?? ""}" data-url="${capital.url ?? ""}"
@@ -47,8 +50,35 @@ export default class SlimeMap extends Map {
data-image-name="${capital.image?.name ?? ""}" data-image-name="${capital.image?.name ?? ""}"
data-image-credit="${capital.image?.credit ?? ""}"> data-image-credit="${capital.image?.credit ?? ""}">
<rect x="0" y="0" width="24" height="24" fill="transparent" stroke="transparent" stroke-width="4" /> <rect x="0" y="0" width="24" height="24" fill="transparent" stroke="transparent" stroke-width="4" />
<!-- Black outer stroke -->
<path d="M4.5 14L3 15V21H7M7 21H10M7 21V13L9.5 11V6L12 3L14.5 6V11L17 13V21M10 21H14M10 21V17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17V21M14 21H17M17 21H21V15L19.5 14" <path d="M4.5 14L3 15V21H7M7 21H10M7 21V13L9.5 11V6L12 3L14.5 6V11L17 13V21M10 21H14M10 21V17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17V21M14 21H17M17 21H21V15L19.5 14"
stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
<!-- White inner stroke -->
<path d="M4.5 14L3 15V21H7M7 21H10M7 21V13L9.5 11V6L12 3L14.5 6V11L17 13V21M10 21H14M10 21V17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17V21M14 21H17M17 21H21V15L19.5 14"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</g>`;
this.addSVGElement(svgString);
}
}
addCities() {
for (let city of this.cities) {
const svgString = `
<g transform="translate(${city.position.x}, ${city.position.y}) scale(2.5, 2.5)" fill="transparent"
class="location"
data-name="${city.name}"
data-url="${city.url ?? ""}"
data-description="${city.description ?? ""}"
data-image-url="${city.image?.url ?? ""}"
data-image-name="${city.image?.name ?? ""}"
data-image-credit="${city.image?.credit ?? ""}">
<rect x="0" y="0" width="24" height="24" fill="transparent" stroke="transparent" stroke-width="4" />
<!-- Black border -->
<path d="M15 3L3 19V21H21V19L9 3M12 15L16 21H8L12 15Z"
stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" transform="scale(.8, .8)"></path>
<!-- White inner stroke -->
<path d="M15 3L3 19V21H21V19L9 3M12 15L16 21H8L12 15Z"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="scale(.8, .8)"></path>
</g>`; </g>`;
this.addSVGElement(svgString); this.addSVGElement(svgString);
} }
@@ -57,7 +87,7 @@ export default class SlimeMap extends Map {
addPOIs() { addPOIs() {
for (let poi of this.pois) { for (let poi of this.pois) {
const svgString = ` const svgString = `
<g transform="translate(${poi.position.x}, ${poi.position.y}) scale(2, 2)" <g transform="translate(${poi.position.x}, ${poi.position.y}) scale(2, 2)" fill="transparent"
class="location" class="location"
data-name="${poi.name}" data-name="${poi.name}"
data-description="${poi.description}" data-description="${poi.description}"
@@ -65,9 +95,13 @@ export default class SlimeMap extends Map {
data-image-url="${poi.image?.url ?? ""}" data-image-url="${poi.image?.url ?? ""}"
data-image-name="${poi.image?.name ?? ""}" data-image-name="${poi.image?.name ?? ""}"
data-image-credit="${poi.image?.credit ?? ""}"> data-image-credit="${poi.image?.credit ?? ""}">
<rect x="-12" y="-12" width="24" height="24" fill="transparent" stroke="transparent" stroke-width="4" /> <rect width="24" height="24" fill="transparent" stroke="transparent" stroke-width="4" />
<polygon points="0,-10 3,-3 10,0 3,3 0,10 -3,3 -10,0 -3,-3" <path d="M11.2691 4.41115C11.5006 3.89177 11.6164 3.63208 11.7776 3.55211C11.9176 3.48263 12.082 3.48263 12.222 3.55211C12.3832 3.63208 12.499 3.89177 12.7305 4.41115L14.5745 8.54808C14.643 8.70162 14.6772 8.77839 14.7302 8.83718C14.777 8.8892 14.8343 8.93081 14.8982 8.95929C14.9705 8.99149 15.0541 9.00031 15.2213 9.01795L19.7256 9.49336C20.2911 9.55304 20.5738 9.58288 20.6997 9.71147C20.809 9.82316 20.8598 9.97956 20.837 10.1342C20.8108 10.3122 20.5996 10.5025 20.1772 10.8832L16.8125 13.9154C16.6877 14.0279 16.6252 14.0842 16.5857 14.1527C16.5507 14.2134 16.5288 14.2807 16.5215 14.3503C16.5132 14.429 16.5306 14.5112 16.5655 14.6757L17.5053 19.1064C17.6233 19.6627 17.6823 19.9408 17.5989 20.1002C17.5264 20.2388 17.3934 20.3354 17.2393 20.3615C17.0619 20.3915 16.8156 20.2495 16.323 19.9654L12.3995 17.7024C12.2539 17.6184 12.1811 17.5765 12.1037 17.56C12.0352 17.5455 11.9644 17.5455 11.8959 17.56C11.8185 17.5765 11.7457 17.6184 11.6001 17.7024L7.67662 19.9654C7.18404 20.2495 6.93775 20.3915 6.76034 20.3615C6.60623 20.3354 6.47319 20.2388 6.40075 20.1002C6.31736 19.9408 6.37635 19.6627 6.49434 19.1064L7.4341 14.6757C7.46898 14.5112 7.48642 14.429 7.47814 14.3503C7.47081 14.2807 7.44894 14.2134 7.41394 14.1527C7.37439 14.0842 7.31195 14.0279 7.18708 13.9154L3.82246 10.8832C3.40005 10.5025 3.18884 10.3122 3.16258 10.1342C3.13978 9.97956 3.19059 9.82316 3.29993 9.71147C3.42581 9.58288 3.70856 9.55304 4.27406 9.49336L8.77835 9.01795C8.94553 9.00031 9.02911 8.99149 9.10139 8.95929C9.16534 8.93081 9.2226 8.8892 9.26946 8.83718C9.32241 8.77839 9.35663 8.70162 9.42508 8.54808L11.2691 4.41115Z"
fill="white" stroke="black" stroke-width="1" /> stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.2691 4.41115C11.5006 3.89177 11.6164 3.63208 11.7776 3.55211C11.9176 3.48263 12.082 3.48263 12.222 3.55211C12.3832 3.63208 12.499 3.89177 12.7305 4.41115L14.5745 8.54808C14.643 8.70162 14.6772 8.77839 14.7302 8.83718C14.777 8.8892 14.8343 8.93081 14.8982 8.95929C14.9705 8.99149 15.0541 9.00031 15.2213 9.01795L19.7256 9.49336C20.2911 9.55304 20.5738 9.58288 20.6997 9.71147C20.809 9.82316 20.8598 9.97956 20.837 10.1342C20.8108 10.3122 20.5996 10.5025 20.1772 10.8832L16.8125 13.9154C16.6877 14.0279 16.6252 14.0842 16.5857 14.1527C16.5507 14.2134 16.5288 14.2807 16.5215 14.3503C16.5132 14.429 16.5306 14.5112 16.5655 14.6757L17.5053 19.1064C17.6233 19.6627 17.6823 19.9408 17.5989 20.1002C17.5264 20.2388 17.3934 20.3354 17.2393 20.3615C17.0619 20.3915 16.8156 20.2495 16.323 19.9654L12.3995 17.7024C12.2539 17.6184 12.1811 17.5765 12.1037 17.56C12.0352 17.5455 11.9644 17.5455 11.8959 17.56C11.8185 17.5765 11.7457 17.6184 11.6001 17.7024L7.67662 19.9654C7.18404 20.2495 6.93775 20.3915 6.76034 20.3615C6.60623 20.3354 6.47319 20.2388 6.40075 20.1002C6.31736 19.9408 6.37635 19.6627 6.49434 19.1064L7.4341 14.6757C7.46898 14.5112 7.48642 14.429 7.47814 14.3503C7.47081 14.2807 7.44894 14.2134 7.41394 14.1527C7.37439 14.0842 7.31195 14.0279 7.18708 13.9154L3.82246 10.8832C3.40005 10.5025 3.18884 10.3122 3.16258 10.1342C3.13978 9.97956 3.19059 9.82316 3.29993 9.71147C3.42581 9.58288 3.70856 9.55304 4.27406 9.49336L8.77835 9.01795C8.94553 9.00031 9.02911 8.99149 9.10139 8.95929C9.16534 8.93081 9.2226 8.8892 9.26946 8.83718C9.32241 8.77839 9.35663 8.70162 9.42508 8.54808L11.2691 4.41115Z"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<!-- <polygon points="0,-10 3,-3 10,0 3,3 0,10 -3,3 -10,0 -3,-3"-->
<!-- fill="white" stroke="black" stroke-width="1" />-->
</g>`; </g>`;
this.addSVGElement(svgString); this.addSVGElement(svgString);
} }
js/locations/cities.js
+76
View File
@@ -0,0 +1,76 @@
/**
* @typedef {Object} CityData
* @property {string} name
* @property {string?} description
* @property {CityImage?} image
* @property {string?} url
* @property {{x:string,y:string}} position
*/
/**
* @typedef {Object} CityImage
* @property {string} url
* @property {string} name
* @property {string} credit
*/
/**
* @type {[CapitalData]}
*/
export const cities = [
{
name: "Tengu Village",
description: "The village of the Tengu tribe, located in the Khusha Mountains.",
image: {
url: "img/locations/tengu_village.webp",
name: "Tengu Village from Episode 64",
credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 64."
},
position: { x: "1638", y: "1252" }
},
{
name: "Ogre Village",
description: "The site of the former Ogre Village, prior to it being destroyed in the Orc War.",
image: {
url: "img/locations/ogre_village.webp",
name: "Ogre Village from Episode 1",
credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 1. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
},
position: { x: "1780", y: "1190" }
},
{
name: "Treant Village",
description: "The former location of the Treant Village, prior to them moving to Floor 95 of the Dungeon.",
position: { x: "1957", y: "1100" }
},
{
name: "Gozu and Mezu Villages",
description: "The homeland of both the Gozu and the Mezu tribes, which has been ravaged by their conflict for the last century.",
position: { x: "1990", y: "1020" }
},
{
name: "Migam Earldom",
description: "The territory of the noble house of Migam, in charge of the nation's border with the Jura Forest.",
image: {
url: "img/locations/migam_domain.webp",
name: "Migam Earldom from Episode 57",
credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 57. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
},
position: { x: "1540", y: "930" }
},
{
name: "Muller March",
description: "The territory of the noble house of muller, distant relatives of the Blumund royal family.",
position: { x: "1465", y: "980" }
},
{
name: "Guratol County",
description: "A small territory ruled by Count Guratol with his wife Ulamuth Guratol.",
image: {
url: "img/locations/guratol_county.webp",
name: "Guratol County",
credit: "Screenshot from Tensei Shitara Slime Datta Ken. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
},
position: { x: "1224", y: "1010" }
},
];
js/locations/index.js
+2 -1
View File
@@ -1,3 +1,4 @@
export * from "./pois.js"; export * from "./pois.js";
export * from "./nations.js"; export * from "./nations.js";
export * from "./capitals.js"; export * from "./capitals.js";
export * from "./cities.js";
js/locations/pois.js
+10 -10
View File
@@ -27,7 +27,7 @@ export const pois = [
credit: "Screenshot from Tensei Shitara Slime Datta Ken. Sourced from the Tensei Shitara Slime Datta Ken Wiki" credit: "Screenshot from Tensei Shitara Slime Datta Ken. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
}, },
url: "https://tensura.fandom.com/wiki/Sealed_Cave", url: "https://tensura.fandom.com/wiki/Sealed_Cave",
position: { x: "1680", y: "1080" } position: { x: "1660", y: "1060" }
}, },
{ {
name: "Lake Siss", name: "Lake Siss",
@@ -38,7 +38,7 @@ export const pois = [
credit: "Screenshot from Tensei Shitara Slime Datta Ken. Sourced from the Tensei Shitara Slime Datta Ken Wiki" credit: "Screenshot from Tensei Shitara Slime Datta Ken. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
}, },
url: "https://tensura.fandom.com/wiki/Lake%20Siss", url: "https://tensura.fandom.com/wiki/Lake%20Siss",
position: { x: "1850", y: "1121" } position: { x: "1835", y: "1100" }
}, },
{ {
name: "Khusha Mountains", name: "Khusha Mountains",
@@ -49,18 +49,18 @@ export const pois = [
credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 64. Sourced from the Tensei Shitara Slime Datta Ken Wiki" credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 64. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
}, },
url: "https://tensura.fandom.com/wiki/Khusha%20Mountains", url: "https://tensura.fandom.com/wiki/Khusha%20Mountains",
position: { x: "1618", y: "1240" } position: { x: "1600", y: "1180" }
}, },
{ {
name: "Scroching God Mountain", name: "Scroching God Mountain",
description: "The holy mountain where the scorch dragon Velgrynd is said to reside.", description: "The holy mountain where the scorch dragon Velgrynd is said to reside.",
url: "https://tensura.fandom.com/wiki/Scorching%20God%20Mountain", url: "https://tensura.fandom.com/wiki/Scorching%20God%20Mountain",
position: { x: "2111", y: "700" } position: { x: "2088", y: "680" }
}, },
{ {
name: "Dragon's Den", name: "Dragon's Den",
description: "At the peak of the tallest mountain, the Great Canaat Mountains, lies the Dragon's Den where the Dragon Lords reside.", description: "At the peak of the tallest mountain, the Great Canaat Mountains, lies the Dragon's Den where the Dragon Lords reside.",
position: { x: "1740", y: "665" } position: { x: "1720", y: "650" }
}, },
{ {
name: "Charybdis Cave", name: "Charybdis Cave",
@@ -70,30 +70,30 @@ export const pois = [
name: "Charybdis Cave from Episode 18", name: "Charybdis Cave from Episode 18",
credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 18. Sourced from the Tensei Shitara Slime Datta Ken Wiki" credit: "Screenshot from Tensei Shitara Slime Datta Ken, Episode 18. Sourced from the Tensei Shitara Slime Datta Ken Wiki"
}, },
position: { x: "1956", y: "1010" } position: { x: "1925", y: "990" }
}, },
{ {
name: "Divine Tree", name: "Divine Tree",
description: "The Divine Tree, a sacred relic designed to maintain the world. It is home to Elmine, Sarion's Capital.", description: "The Divine Tree, a sacred relic designed to maintain the world. It is home to Elmine, Sarion's Capital.",
url: "https://tensura.fandom.com/wiki/Divine%20Tree", url: "https://tensura.fandom.com/wiki/Divine%20Tree",
position: { x: "1420", y: "1450" } position: { x: "1402", y: "1435" }
}, },
{ {
name: "Ulgr Nature Park", name: "Ulgr Nature Park",
description: "A nature preserve that was formerly home to the Dwelling of the Spirits.", description: "A nature preserve that was formerly home to the Dwelling of the Spirits.",
position: { x: "1480", y: "1520" } position: { x: "1460", y: "1500" }
}, },
{ {
name: "Heaven Tower", name: "Heaven Tower",
description: "The entrance to the Star Palace.", description: "The entrance to the Star Palace.",
url: "https://tensura.fandom.com/wiki/Heaven%20Tower", url: "https://tensura.fandom.com/wiki/Heaven%20Tower",
position: { x: "350", y: "1205" } position: { x: "330", y: "1170" }
}, },
{ {
name: "Magic Tower", name: "Magic Tower",
description: "The scholarly facility created by the Trinity Wisemen.", description: "The scholarly facility created by the Trinity Wisemen.",
url: "https://tensura.fandom.com/wiki/Magic%20Tower", url: "https://tensura.fandom.com/wiki/Magic%20Tower",
position: { x: "1165", y: "1375" } position: { x: "1138", y: "1355" }
}, },
{ {
name: "Barren Lands", name: "Barren Lands",
js/mapBuilder.js
+2 -2
View File
@@ -1,4 +1,4 @@
import {pois, capitals, nations} from "./locations"; import {pois, capitals, nations, cities} from "./locations";
import SlimeMap from "./SlimeMap.js"; import SlimeMap from "./SlimeMap.js";
const slimeMap = new SlimeMap("map", "img/map.webp", nations, capitals, pois); const slimeMap = new SlimeMap("map", "img/map.webp", nations, capitals, pois, cities);