#Arrow selection menu
rose escarp
ok so i have arrows designed in photoshop already
where in the heirarchy and as what should i put them into the scene
fierce abyss
I don't think the position in the hierarchy will matter too much. They shouldn't be affected by a layout group, though.
placed after everything else so that they render on top
you'd compute the positions by halving the width of the target, then adding a fixed amount of space
to do the transition effect, you'd put a component on the images that lets them quickly fade in and out
probably just by scaling and adjusting opacity
i can't really tell; the animation is very fast
so you'd instantiate two new ones and destroy the two old ones once they fade out
alternatively, fade the two images out, then move them and fade them in
rose escarp
ok i am somewhat lost,
this is the arrow design i saved in photoshop
its in my assets folder
do i drag them in?
fierce abyss
well, yes, you need to create an object with an Image component on it
i forget what dragging a texture into the scene does
note that you shouldn't have both arrows in the same asset -- that means you can't adjust the spacing between them
just do one image and rotate/mirror one of the two arrows
fierce abyss
You can't edit images in Unity. You can edit sprites, but that's mostly setting their size and stuff
rose escarp
can you mirror it in unity?
fierce abyss
you would do that on the arrow object itself
just rotating it 180 degrees would be fine
rose escarp
yep got it so i just erase one
fierce abyss
and then make sure that the resulting image has the arrow centered
that will make it easier to position
fierce abyss
well, yes, you need something to actually render the arrows!
you can add an empty object and then add an Image component
set it to use the arrow sprite and parent it to the canvas
(I think you'll need to change the type of the image asset from Texture to Sprite)
rose escarp
you can add an empty object and then add an Image component
where do i do that?
rose escarp
k
rose escarp
no I was mainly the one who did the art
not the assembling of it
so i am unfamiliar
i will admit it is one of the main things i need to work on
rose escarp
or UI -> Image
so, i did that, how do i from their add my arrow photoshop file into it
fierce abyss
the Image component has a field for the sprite called Source Image
select the asset created from the photoshop file and make sure you've set the Texture Type to "Sprite (2D and UI)"
then apply in the bottom right corner
that will change how the PSD is imported, so that it gives you a sprite
then you can assign that to the Image component
you can drag it in directly, or click the little circle on the right side of the Source Image field and then search by name
rose escarp
right i see
rose escarp
select the asset created from the photoshop file and make sure you've set the Te...
it dosent seem to be showing up, should i see if i can reimport it
fierce abyss
it's not showing up where?
rose escarp
the Image component has a field for the sprite called Source Image
here
rose escarp
yep
fierce abyss
okay, so if you search for "Arrow" when selecting an asset to use in the Source Image field, that image should come up
fierce abyss
oh, I see
it's called Layer 1
the square with the big dot in the center is the sprite
I guess the PSD importer looks at layer names?
rose escarp
found it
fierce abyss
to actually position the arrows, you'll need to respond to the player either selecting (if using a controller) or hovering (if using a mouse) the button
i'm still figuring out the best way to do that myself, since i've had problems with mouse and controller inputs fighting (especially on my Steam Deck)
it'll take some scripting
i'm actually not sure what the easiest way to do that will be