[solved] weird sprite clipping

[aubergine18]

tl;dr: crop images to remove emoty whitespace

I have two 90x90 px images, which if overlaid one on top of the other perfectly match for the planks and main structure of the wooden bridge:

vert2.png (11.48 KiB) Viewed 1377 times

-- vert2.png is being clipped

vert1.png (13.24 KiB) Viewed 1377 times

-- vert1.png is fine

The prototype tables defining the sprites in my simple-entity are consistent, the only difference being the file name. The simple-entity chooses a picture at random each time it's placed.

Weirdly, the result looks like this:

wut

Region capture 2.png (92.21 KiB) Viewed 1377 times

The vert2.png is getting clipped on the left side for some reason.

prototypes

Code: Select all

-- wood-bridge-segment-h:

{
  collision_box = { {-0,-0}, {0,0} },
  corpse = "small-remnants",
  flags = {
    "placeable-neutral",
    "not-deconstructable",
    "not-blueprintable"
  },
  icon = "__Epoch__/graphics/icon/wood-bridge.png",
  icon_size = 32,
  localised_description = {
    "item-description.wood-bridge"
  },
  localised_name = {
    "item-name.wood-bridge"
  },
  max_health = 50,
  mod = "Epoch",
  name = "wood-bridge-segment-h",
  order = "b[concrete]-c[wood-bridge]",
  pictures = {
    {
      filename = "__Epoch__/graphics/wood-bridge/horiz1.png",
      height = 90,
      priority = "extra-high",
      scale = 0.5,
      width = 90
    },
    {
      filename = "__Epoch__/graphics/wood-bridge/horiz2.png",
      height = 90,
      priority = "extra-high",
      scale = 0.5,
      width = 90
    }
  },
  render_layer = "floor",
  selection_box = { {-0,-0}, {0,0} },
  tile_height = 1,
  tile_width = 1,
  type = "simple-entity"
}

-- wood-bridge-segment-v:

{
  collision_box = { {-0,-0}, {0,0} },
  corpse = "small-remnants",
  flags = {
    "placeable-neutral",
    "not-deconstructable",
    "not-blueprintable"
  },
  icon = "__Epoch__/graphics/icon/wood-bridge.png",
  icon_size = 32,
  localised_description = {
    "item-description.wood-bridge"
  },
  localised_name = {
    "item-name.wood-bridge"
  },
  max_health = 50,
  mod = "Epoch",
  name = "wood-bridge-segment-v",
  order = "b[concrete]-c[wood-bridge]",
  pictures = {
    {
      filename = "__Epoch__/graphics/wood-bridge/vert1.png",
      height = 90,
      priority = "extra-high",
      scale = 0.5,
      width = 90
    },
    {
      filename = "__Epoch__/graphics/wood-bridge/vert2.png",
      height = 90,
      priority = "extra-high",
      scale = 0.5,
      width = 90
    }
  },
  render_layer = "floor",
  selection_box = { {-0,-0}, {0,0} },
  tile_height = 1,
  tile_width = 1,
  type = "simple-entity"
}

Any ideas what might be causing this?

[Rseding91]

Transparency along image edges are clipped before they're loaded as that's just wasted space. Trim your images so they don't contain transparent sections on the edges and it should resolve your issue.

[aubergine18]

That worked! Many thanks!

Region capture 3.png (89.7 KiB) Viewed 1366 times

Out of interest, what is the level of alpha transparency that clipping starts? (I assume 0.5?)

[Rseding91]

100% transparent.