added dark world

This commit is contained in:
Felix Baumgärtner 2024-08-27 21:27:59 +02:00
parent 30ceb51582
commit ab3a3a1971
16 changed files with 415 additions and 69 deletions

1
.gitignore vendored
View File

@ -2,6 +2,7 @@ Thumbs.db*
*.afpub* *.afpub*
*.zip *.zip
*.pdf
/tiles-paid /tiles-paid
/modern-tiles_free /modern-tiles_free

View File

@ -111,26 +111,8 @@ window.OverworldMaps = {
talking: [ talking: [
{ {
events: [ events: [
{ type: "textMessage", text: "Schau dich ruhig um.", faceHero: "npc1" }, { type: "textMessage", text: "Verstehst du wo wir sind?", faceHero: "npc1" },
{ type: "textMessage", text: "Vielleicht findest du etwas interessantes ..." }, { type: "textMessage", text: "Ich habe schon gesucht, vielleicht findest du ja etwas Interessantes." },
]
}
]
}),
npc2: new Person({
x: utils.withGrid(2),
y: utils.withGrid(5),
src: "/images/characters/people/hero-default.png",
behaviorLoop: [
{ type: "stand", direction: "right", time: 300 },
// { type: "stand", direction: "down", time: 300 },
],
talking: [
{
events: [
{ type: "textMessage", text: "Dieser Raum darf nicht betreten werden.", faceHero: "npc2" },
{ type: "textMessage", text: "Geh weg!" },
{ who: "hero", type: "walk", direction: "right" },
] ]
} }
] ]
@ -240,19 +222,6 @@ window.OverworldMaps = {
isPlayerControlled: true, isPlayerControlled: true,
x: utils.withGrid(1), x: utils.withGrid(1),
y: utils.withGrid(4), y: utils.withGrid(4),
}),
npc1: new Person({
x: utils.withGrid(3),
y: utils.withGrid(6),
src: "/images/characters/people/hero-default.png",
// src: "/images/characters/people/hero-run.png",
talking: [
{
events: [
{ type: "textMessage", text: "You made it!", faceHero: "npc1" },
]
}
]
}) })
}, },
walls: { walls: {
@ -274,12 +243,12 @@ window.OverworldMaps = {
[utils.asGridCoord(8,4)] : true, [utils.asGridCoord(8,4)] : true,
[utils.asGridCoord(8,3)] : true, [utils.asGridCoord(8,3)] : true,
[utils.asGridCoord(8,2)] : true, [utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,1)] : true, [utils.asGridCoord(7,2)] : true,
[utils.asGridCoord(6,1)] : true, [utils.asGridCoord(6,2)] : true,
[utils.asGridCoord(5,1)] : true, [utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,1)] : true, [utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(3,1)] : true, [utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(2,1)] : true, [utils.asGridCoord(2,2)] : true,
}, },
cutsceneSpaces: { cutsceneSpaces: {
[utils.asGridCoord(1,4)]: [ [utils.asGridCoord(1,4)]: [
@ -308,9 +277,10 @@ window.OverworldMaps = {
[utils.asGridCoord(1,3)] : true, [utils.asGridCoord(1,3)] : true,
[utils.asGridCoord(0,4)] : true, [utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(1,5)] : true, [utils.asGridCoord(1,5)] : true,
[utils.asGridCoord(1,6)] : true, [utils.asGridCoord(2,5)] : true,
[utils.asGridCoord(1,7)] : true, [utils.asGridCoord(3,6)] : true,
[utils.asGridCoord(1,8)] : true, [utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(2,8)] : true,
[utils.asGridCoord(2,9)] : true, [utils.asGridCoord(2,9)] : true,
[utils.asGridCoord(3,9)] : true, [utils.asGridCoord(3,9)] : true,
[utils.asGridCoord(4,9)] : true, [utils.asGridCoord(4,9)] : true,
@ -324,10 +294,10 @@ window.OverworldMaps = {
[utils.asGridCoord(8,4)] : true, [utils.asGridCoord(8,4)] : true,
[utils.asGridCoord(8,3)] : true, [utils.asGridCoord(8,3)] : true,
[utils.asGridCoord(8,2)] : true, [utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,1)] : true, [utils.asGridCoord(7,2)] : true,
[utils.asGridCoord(6,1)] : true, [utils.asGridCoord(6,2)] : true,
[utils.asGridCoord(5,1)] : true, [utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,1)] : true, [utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(3,1)] : true, [utils.asGridCoord(3,1)] : true,
[utils.asGridCoord(2,1)] : true, [utils.asGridCoord(2,1)] : true,
}, },
@ -371,7 +341,7 @@ window.OverworldMaps = {
[utils.asGridCoord(4,1)] : true, [utils.asGridCoord(4,1)] : true,
[utils.asGridCoord(3,0)] : true, [utils.asGridCoord(3,0)] : true,
[utils.asGridCoord(2,1)] : true, [utils.asGridCoord(2,1)] : true,
[utils.asGridCoord(1,1)] : true, [utils.asGridCoord(1,2)] : true,
}, },
cutsceneSpaces: { cutsceneSpaces: {
[utils.asGridCoord(3,1)]: [ [utils.asGridCoord(3,1)]: [
@ -396,22 +366,23 @@ window.OverworldMaps = {
}, },
walls: { walls: {
// "16,16": true // "16,16": true
[utils.asGridCoord(0,2)] : true, [utils.asGridCoord(2,2)] : true,
[utils.asGridCoord(0,3)] : true, [utils.asGridCoord(2,3)] : true,
[utils.asGridCoord(0,4)] : true, [utils.asGridCoord(2,4)] : true,
[utils.asGridCoord(1,4)] : true,
[utils.asGridCoord(0,5)] : true, [utils.asGridCoord(0,5)] : true,
[utils.asGridCoord(0,6)] : true, [utils.asGridCoord(0,6)] : true,
[utils.asGridCoord(0,7)] : true, [utils.asGridCoord(0,7)] : true,
[utils.asGridCoord(1,8)] : true, [utils.asGridCoord(1,8)] : true,
[utils.asGridCoord(2,8)] : true, [utils.asGridCoord(2,8)] : true,
[utils.asGridCoord(3,8)] : true, [utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(4,8)] : true, [utils.asGridCoord(4,7)] : true,
[utils.asGridCoord(5,8)] : true, [utils.asGridCoord(5,6)] : true,
[utils.asGridCoord(6,8)] : true, [utils.asGridCoord(6,6)] : true,
[utils.asGridCoord(7,8)] : true, [utils.asGridCoord(7,5)] : true,
[utils.asGridCoord(8,8)] : true, [utils.asGridCoord(8,5)] : true,
[utils.asGridCoord(9,8)] : true, [utils.asGridCoord(9,5)] : true,
[utils.asGridCoord(10,8)] : true, [utils.asGridCoord(10,5)] : true,
[utils.asGridCoord(11,7)] : true, [utils.asGridCoord(11,7)] : true,
[utils.asGridCoord(11,6)] : true, [utils.asGridCoord(11,6)] : true,
[utils.asGridCoord(11,5)] : true, [utils.asGridCoord(11,5)] : true,
@ -419,15 +390,16 @@ window.OverworldMaps = {
[utils.asGridCoord(11,3)] : true, [utils.asGridCoord(11,3)] : true,
[utils.asGridCoord(11,2)] : true, [utils.asGridCoord(11,2)] : true,
[utils.asGridCoord(10,1)] : true, [utils.asGridCoord(10,1)] : true,
[utils.asGridCoord(9,1)] : true, [utils.asGridCoord(9,2)] : true,
[utils.asGridCoord(8,1)] : true, [utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,1)] : true, [utils.asGridCoord(7,1)] : true,
[utils.asGridCoord(6,1)] : true, [utils.asGridCoord(6,1)] : true,
[utils.asGridCoord(5,1)] : true, [utils.asGridCoord(5,3)] : true,
[utils.asGridCoord(4,1)] : true, [utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(3,1)] : true, [utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(2,1)] : true, [utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(1,1)] : true, [utils.asGridCoord(2,2)] : true,
[utils.asGridCoord(1,2)] : true,
}, },
cutsceneSpaces: { cutsceneSpaces: {
[utils.asGridCoord(11,4)]: [ [utils.asGridCoord(11,4)]: [
@ -437,6 +409,13 @@ window.OverworldMaps = {
] ]
} }
], ],
[utils.asGridCoord(7,2)]: [
{
events: [
{ type: "changeMap", map: "LivingroomDark" }
]
}
],
} }
}, },
Office: { Office: {
@ -452,8 +431,8 @@ window.OverworldMaps = {
}, },
walls: { walls: {
// "16,16": true // "16,16": true
[utils.asGridCoord(0,2)] : true, [utils.asGridCoord(1,2)] : true,
[utils.asGridCoord(0,3)] : true, [utils.asGridCoord(1,3)] : true,
[utils.asGridCoord(0,4)] : true, [utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(0,5)] : true, [utils.asGridCoord(0,5)] : true,
[utils.asGridCoord(0,6)] : true, [utils.asGridCoord(0,6)] : true,
@ -474,8 +453,9 @@ window.OverworldMaps = {
[utils.asGridCoord(5,1)] : true, [utils.asGridCoord(5,1)] : true,
[utils.asGridCoord(4,1)] : true, [utils.asGridCoord(4,1)] : true,
[utils.asGridCoord(3,1)] : true, [utils.asGridCoord(3,1)] : true,
[utils.asGridCoord(2,1)] : true, [utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(1,1)] : true, [utils.asGridCoord(2,3)] : true,
[utils.asGridCoord(1,3)] : true,
}, },
cutsceneSpaces: { cutsceneSpaces: {
[utils.asGridCoord(8,4)]: [ [utils.asGridCoord(8,4)]: [
@ -487,4 +467,369 @@ window.OverworldMaps = {
], ],
} }
}, },
EntranceDark: {
lowerSrc: "/images/maps/map-room-entrance-dark.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(5),
y: utils.withGrid(11),
src: "/images/characters/people/hero-witch.png",
})
},
walls: {
// "16,16": true
[utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(5,3)] : true,
[utils.asGridCoord(5,4)] : true,
[utils.asGridCoord(4,4)] : true,
[utils.asGridCoord(3,4)] : true,
[utils.asGridCoord(2,4)] : true,
[utils.asGridCoord(1,5)] : true,
[utils.asGridCoord(0,6)] : true,
[utils.asGridCoord(1,7)] : true,
[utils.asGridCoord(2,8)] : true,
[utils.asGridCoord(3,8)] : true,
[utils.asGridCoord(4,8)] : true,
[utils.asGridCoord(5,8)] : true,
[utils.asGridCoord(5,9)] : true,
[utils.asGridCoord(5,10)] : true,
[utils.asGridCoord(4,11)] : true,
[utils.asGridCoord(5,12)] : true,
[utils.asGridCoord(6,12)] : true,
[utils.asGridCoord(7,12)] : true,
[utils.asGridCoord(7,13)] : true,
[utils.asGridCoord(8,14)] : true,
[utils.asGridCoord(9,13)] : true,
[utils.asGridCoord(9,12)] : true,
[utils.asGridCoord(10,12)] : true,
[utils.asGridCoord(11,12)] : true,
[utils.asGridCoord(12,11)] : true,
[utils.asGridCoord(11,10)] : true,
[utils.asGridCoord(11,9)] : true,
[utils.asGridCoord(11,8)] : true,
[utils.asGridCoord(11,7)] : true,
[utils.asGridCoord(11,6)] : true,
[utils.asGridCoord(12,5)] : true,
[utils.asGridCoord(11,4)] : true,
[utils.asGridCoord(11,3)] : true,
[utils.asGridCoord(11,2)] : true,
[utils.asGridCoord(10,1)] : true,
[utils.asGridCoord(9,1)] : true,
[utils.asGridCoord(8,1)] : true,
[utils.asGridCoord(7,1)] : true,
[utils.asGridCoord(6,1)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(1,6)]: [
{
events: [
{ who: "npc2", type: "walk", direction: "down" },
{ who: "npc2", type: "stand", direction: "left" },
{ who: "hero", type: "stand", direction: "right", time: 300 },
{ type: "textMessage", text: "Du kannst hier nicht rein!" },
{ who: "npc2", type: "walk", direction: "up" },
{ who: "npc2", type: "stand", direction: "right" },
{ who: "hero", type: "walk", direction: "right" },
{ who: "hero", type: "walk", direction: "right" },
]
}
],
[utils.asGridCoord(11,5)]: [
{
events: [
{ type: "changeMap", map: "KitchenDark" }
]
}
],
[utils.asGridCoord(11,11)]: [
{
events: [
{ type: "changeMap", map: "BedroomDark" }
]
}
],
[utils.asGridCoord(8,13)]: [
{
events: [
{ type: "changeMap", map: "BathroomDark" }
]
}
],
[utils.asGridCoord(5,11)]: [
{
events: [
{ type: "changeMap", map: "LivingroomDark" }
]
}
],
[utils.asGridCoord(1,6)]: [
{
events: [
{ type: "changeMap", map: "OfficeDark" }
]
}
],
}
},
KitchenDark: {
lowerSrc: "/images/maps/map-room-kitchen-dark.png",
// upperSrc: "/images/maps/room-builder.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(1),
y: utils.withGrid(4),
src: "/images/characters/people/hero-witch.png",
})
},
walls: {
// "16,16": true
[utils.asGridCoord(1,1)] : true,
[utils.asGridCoord(1,2)] : true,
[utils.asGridCoord(1,3)] : true,
[utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(1,5)] : true,
[utils.asGridCoord(1,6)] : true,
[utils.asGridCoord(2,7)] : true,
[utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(4,7)] : true,
[utils.asGridCoord(5,7)] : true,
[utils.asGridCoord(6,7)] : true,
[utils.asGridCoord(7,7)] : true,
[utils.asGridCoord(8,6)] : true,
[utils.asGridCoord(8,5)] : true,
[utils.asGridCoord(8,4)] : true,
[utils.asGridCoord(8,3)] : true,
[utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,2)] : true,
[utils.asGridCoord(6,2)] : true,
[utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(2,2)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(1,4)]: [
{
events: [
{ type: "changeMap", map: "EntranceDark" }
]
}
],
}
},
BedroomDark: {
lowerSrc: "/images/maps/map-room-bedroom-dark.png",
// upperSrc: "/images/maps/room-builder.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(1),
y: utils.withGrid(4),
src: "/images/characters/people/hero-witch.png",
}),
},
walls: {
// "16,16": true
[utils.asGridCoord(1,2)] : true,
[utils.asGridCoord(1,3)] : true,
[utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(1,5)] : true,
[utils.asGridCoord(2,5)] : true,
[utils.asGridCoord(3,6)] : true,
[utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(2,8)] : true,
[utils.asGridCoord(2,9)] : true,
[utils.asGridCoord(3,9)] : true,
[utils.asGridCoord(4,9)] : true,
[utils.asGridCoord(5,9)] : true,
[utils.asGridCoord(6,9)] : true,
[utils.asGridCoord(7,9)] : true,
[utils.asGridCoord(8,8)] : true,
[utils.asGridCoord(8,7)] : true,
[utils.asGridCoord(8,6)] : true,
[utils.asGridCoord(8,5)] : true,
[utils.asGridCoord(8,4)] : true,
[utils.asGridCoord(8,3)] : true,
[utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,2)] : true,
[utils.asGridCoord(6,2)] : true,
[utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(3,1)] : true,
[utils.asGridCoord(2,1)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(1,4)]: [
{
events: [
{ type: "changeMap", map: "EntranceDark" }
]
}
],
}
},
BathroomDark: {
lowerSrc: "/images/maps/map-room-bathroom-dark.png",
// upperSrc: "/images/maps/room-builder.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(3),
y: utils.withGrid(1),
src: "/images/characters/people/hero-witch.png",
}),
},
walls: {
// "16,16": true
[utils.asGridCoord(0,2)] : true,
[utils.asGridCoord(0,3)] : true,
[utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(0,5)] : true,
[utils.asGridCoord(0,6)] : true,
[utils.asGridCoord(1,7)] : true,
[utils.asGridCoord(2,7)] : true,
[utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(4,7)] : true,
[utils.asGridCoord(5,6)] : true,
[utils.asGridCoord(5,5)] : true,
[utils.asGridCoord(5,4)] : true,
[utils.asGridCoord(5,3)] : true,
[utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,1)] : true,
[utils.asGridCoord(3,0)] : true,
[utils.asGridCoord(2,1)] : true,
[utils.asGridCoord(1,2)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(3,1)]: [
{
events: [
{ type: "changeMap", map: "EntranceDark" }
]
}
],
}
},
LivingroomDark: {
lowerSrc: "/images/maps/map-room-livingroom-dark.png",
// upperSrc: "/images/maps/room-builder.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(7),
y: utils.withGrid(2),
src: "/images/characters/people/hero-witch.png",
}),
},
walls: {
// "16,16": true
[utils.asGridCoord(2,2)] : true,
[utils.asGridCoord(2,3)] : true,
[utils.asGridCoord(2,4)] : true,
[utils.asGridCoord(1,4)] : true,
[utils.asGridCoord(0,5)] : true,
[utils.asGridCoord(0,6)] : true,
[utils.asGridCoord(0,7)] : true,
[utils.asGridCoord(1,8)] : true,
[utils.asGridCoord(2,8)] : true,
[utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(4,7)] : true,
[utils.asGridCoord(5,6)] : true,
[utils.asGridCoord(6,6)] : true,
[utils.asGridCoord(7,5)] : true,
[utils.asGridCoord(8,5)] : true,
[utils.asGridCoord(9,5)] : true,
[utils.asGridCoord(10,5)] : true,
[utils.asGridCoord(11,7)] : true,
[utils.asGridCoord(11,6)] : true,
[utils.asGridCoord(11,5)] : true,
[utils.asGridCoord(12,4)] : true,
[utils.asGridCoord(11,3)] : true,
[utils.asGridCoord(11,2)] : true,
[utils.asGridCoord(10,1)] : true,
[utils.asGridCoord(9,2)] : true,
[utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,1)] : true,
[utils.asGridCoord(6,1)] : true,
[utils.asGridCoord(5,3)] : true,
[utils.asGridCoord(5,2)] : true,
[utils.asGridCoord(4,2)] : true,
[utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(2,2)] : true,
[utils.asGridCoord(1,2)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(11,4)]: [
{
events: [
{ type: "changeMap", map: "EntranceDark" }
]
}
],
[utils.asGridCoord(7,2)]: [
{
events: [
{ type: "changeMap", map: "Livingroom" }
]
}
],
}
},
OfficeDark: {
lowerSrc: "/images/maps/map-room-office-dark.png",
// upperSrc: "/images/maps/room-builder.png",
upperSrc: "",
gameObjects: {
hero: new Person({
isPlayerControlled: true,
x: utils.withGrid(8),
y: utils.withGrid(4),
src: "/images/characters/people/hero-witch.png",
}),
},
walls: {
// "16,16": true
[utils.asGridCoord(1,2)] : true,
[utils.asGridCoord(1,3)] : true,
[utils.asGridCoord(0,4)] : true,
[utils.asGridCoord(0,5)] : true,
[utils.asGridCoord(0,6)] : true,
[utils.asGridCoord(1,7)] : true,
[utils.asGridCoord(2,7)] : true,
[utils.asGridCoord(3,7)] : true,
[utils.asGridCoord(4,7)] : true,
[utils.asGridCoord(5,7)] : true,
[utils.asGridCoord(6,7)] : true,
[utils.asGridCoord(7,7)] : true,
[utils.asGridCoord(8,6)] : true,
[utils.asGridCoord(8,5)] : true,
[utils.asGridCoord(9,4)] : true,
[utils.asGridCoord(8,3)] : true,
[utils.asGridCoord(8,2)] : true,
[utils.asGridCoord(7,1)] : true,
[utils.asGridCoord(6,1)] : true,
[utils.asGridCoord(5,1)] : true,
[utils.asGridCoord(4,1)] : true,
[utils.asGridCoord(3,1)] : true,
[utils.asGridCoord(3,2)] : true,
[utils.asGridCoord(2,3)] : true,
[utils.asGridCoord(1,3)] : true,
},
cutsceneSpaces: {
[utils.asGridCoord(8,4)]: [
{
events: [
{ type: "changeMap", map: "EntranceDark" }
]
}
],
}
},
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB