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.
Z-Index Image Stacking Issue ?
Page 1 of 112 Replies - 381 Views - Last Post: 03 December 2017 - 05:04 AM
Replies To: Z-Index Image Stacking Issue ?
#2
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.
#3
Re: Z-Index Image Stacking Issue ?
Posted 06 November 2017 - 02:46 PM
#4
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.
#5
Re: Z-Index Image Stacking Issue ?
Posted 06 November 2017 - 02:53 PM
modi123_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.
#6
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
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
#7
Re: Z-Index Image Stacking Issue ?
Posted 06 November 2017 - 03:04 PM
modi123_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
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.



#8
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.
Use..
A..
SECOND..
HAIR..
IMAGE.
Swap them out when a hat is applied.
#9
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.
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.
#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.
#11
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?
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
#12
Re: Z-Index Image Stacking Issue ?
Posted 07 November 2017 - 03:17 PM
still looking for advice sadly.
#13
Re: Z-Index Image Stacking Issue ?
Posted 03 December 2017 - 05:04 AM
MOd suggestion of a image swap is the best answer to this.... you have 2 images
BIG HAIR
SMALL HAIR ( THIS FITS IN THE HAT )
when somebody selects hair
your picture will display big hair
when somebody selects hair and hat
your picture will display hat + ( swap BIG HAIR for SMALL HAIR ) .
Other than that write a condition and create a single image HAT+HAIR for that particular selection
BIG HAIR
SMALL HAIR ( THIS FITS IN THE HAT )
when somebody selects hair
your picture will display big hair
when somebody selects hair and hat
your picture will display hat + ( swap BIG HAIR for SMALL HAIR ) .
Other than that write a condition and create a single image HAT+HAIR for that particular selection
Page 1 of 1