11 Replies - 206 Views - Last Post: 07 November 2017 - 03:17 PM

#1 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:26 PM

I have this system where images stack on top of each other through layers, however i'm having an issue where lets say i have hair on a player then over that hair i want to add a hat of some sort. While wearing the hat and if the hair is bigger than the hat it will be sticking outside of the hat while the hat is on. Now i need help in finding a solution to this issue when an item such as a hat is on the hair will render to stay behind the hat or something.

Is This A Good Question/Topic? 0
  • +

Replies To: Z-Index Image Stacking Issue ?

#2 modi123_1  Icon User is offline

  • Suitor #2
  • member icon



Reputation: 13485
  • View blog
  • Posts: 53,842
  • Joined: 12-June 08

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:40 PM

Simple - you have hair that fits under the hat and swap that out for the too large hair when a hat is applied.
Was This Post Helpful? 0
  • +
  • -

#3 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:46 PM

View Postmodi123_1, on 06 November 2017 - 02:40 PM, said:

Simple - you have hair that fits under the hat and swap that out for the too large hair when a hat is applied.

but when the hair that is to large doesn't fit under the hat it will just stick out...
Was This Post Helpful? 0
  • +
  • -

#4 modi123_1  Icon User is offline

  • Suitor #2
  • member icon



Reputation: 13485
  • View blog
  • Posts: 53,842
  • Joined: 12-June 08

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:51 PM

Yes.. that's why you have a SECOND hair image that doesn't stick out and use that.
Was This Post Helpful? 0
  • +
  • -

#5 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:53 PM

View Postmodi123_1, on 06 November 2017 - 02:51 PM, said:

Yes.. that's why you have a SECOND hair image that doesn't stick out and use that.

so what i would need to do is create an "item" that consists of multiple layers. So the full image of the hair layer would be used if say item "hat" is not worn. Now if the hat is worn, display only a portion of the hair that fits nicely under the hat ? If that's the case i need to figure out how to do this.
Was This Post Helpful? 0
  • +
  • -

#6 modi123_1  Icon User is offline

  • Suitor #2
  • member icon



Reputation: 13485
  • View blog
  • Posts: 53,842
  • Joined: 12-June 08

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 02:58 PM

I am not certain what is being lost when I say you would have a second image for hair.

Right now..
Hair image + hat image = hair sticking out past hat.

New:

hair image 1 + no hat = ok

add a hat so you would swap out to use hair image 2 + hat = no hair sticking out
Was This Post Helpful? 0
  • +
  • -

#7 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 03:04 PM

View Postmodi123_1, on 06 November 2017 - 02:58 PM, said:

I am not certain what is being lost when I say you would have a second image for hair.

Right now..
Hair image + hat image = hair sticking out past hat.

New:

hair image 1 + no hat = ok

add a hat so you would swap out to use hair image 2 + hat = no hair sticking out

what i'm trying to achieve is something like this in these photos below. basically this for anything that is worn when under a layer such as a hat. I'm not sure how its done exactly. As you can see in the 3rd image the hair somewhat sticks out for that type of hat but not the other hat.

Posted Image

Posted Image

Posted Image
Was This Post Helpful? 0
  • +
  • -

#8 modi123_1  Icon User is offline

  • Suitor #2
  • member icon



Reputation: 13485
  • View blog
  • Posts: 53,842
  • Joined: 12-June 08

Re: Z-Index Image Stacking Issue ?

Posted 06 November 2017 - 03:05 PM

For the love of Peter.

Use..
A..
SECOND..
HAIR..
IMAGE.

Swap them out when a hat is applied.
Was This Post Helpful? 0
  • +
  • -

#9 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 07 November 2017 - 11:49 AM

Sorry in advance if my explanation isn't good.

Hello i'm fairly new to "coding" and i'm just wondering if its possible to slice an image turn it into two different z-index layers and composite it when the image is being used to make it one image essentially.

Questions: IF this does work does that mean the Z-index layers would still be active such as the first half on layer 1 will be displayed behind the other half which for example would be layer 3 with a totally different image in layer 2 that would be shown in front of layer 1 but behind layer 3. Again if this does work could someone lead me in the right direction to start coding this up as i'm still looking around myself as i post this.
Was This Post Helpful? 0
  • +
  • -

#10 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 4136
  • View blog
  • Posts: 13,051
  • Joined: 08-June 10

Re: Z-Index Image Stacking Issue ?

Posted 07 November 2017 - 11:55 AM

Quote

i'm just wondering if its possible to slice an image turn it into two different z-index layers

Doesn't work. you can only layer whole elements, i.e. two images.
Was This Post Helpful? 0
  • +
  • -

#11 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 07 November 2017 - 11:59 AM

would there be any other way to do this using something else to get the same result ?

edit: not sure if this is exactly what i just said but it sounds different thinking about it. Lets say i have z-index 1 and z-index 3 two different images. Now is there a way to call both Z-index's to be displayed when one is selected?

This post has been edited by andrewsw: 07 November 2017 - 12:31 PM
Reason for edit:: Removed previous quote, just press REPLY

Was This Post Helpful? 0
  • +
  • -

#12 kennstro  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 24
  • Joined: 05-October 14

Re: Z-Index Image Stacking Issue ?

Posted 07 November 2017 - 03:17 PM

still looking for advice sadly.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1