Caster UI Mod Functionality Brainstorming

Lets focus on 1v1 for now.

A work of art is never finished, merely abandoned

I should have specified that this was to create a casting interface for 1v1 replays (live or from the vault) or the observer view. Teamgames will require a different designed and set of specifications so it's not included in this post.

@archsimkat If you divide the functionality, you will be able to use the developments immediately for team games

I imagine it shouldn't be that hard to modify this to be usable for team games if it's sufficiently soft-coded...
Perhaps a simple interface could be added for switching what is shown on those 2 displays mid-cast (in the above pic, grimplex is on the left display and Keene is on the right display). For example, there could be a button corresponding to each player in the game as well as a button for each team in the game. Then, when you click on the button for a player or a team and then click on either the left or right side of the display, it could display the relevant info on the clicked side of the display.

pfp credit to gieb

@emperor_penguin said in Caster UI Mod Functionality Brainstorming:

I imagine it shouldn't be that hard to modify this to be usable for team games if it's sufficiently soft-coded...

Which is why creating the 1v1 version is the priority. If anyone wants to make plans, pitch ideas, or solicit suggestions for a team version of the caster UI, that should all happen on a separate thread

Well as of right now me and @Keene are working on this for 1v1. It is expected to be done in about a week. It is very functional right now, its just needs a few retouches here and there in the UI department. We'll post an image soon once I update the UI more

FAF Website Developer

53edf75a-8ae4-4646-a8ba-71642f23edb5-image.png

vs
8f0b740f-da80-4fa7-a209-edb10c016507-image.png

Would appreciate opinions on the green icons, currently the fonts are the only thing I'm going to change about them. But feel free to give your feedback

FAF Website Developer

The first one.

They're not at the same zoom level, I think?

A work of art is never finished, merely abandoned

@jip Well rather than zoom its size, the bottom ones are 32x32 and the top ones are 48x48.

FAF Website Developer

Most of the elements from the game. Also, I know this is not what you need, but I was wondering.

CAST UI2.png CAST UI.png

This is the UI (Its off-scale, clipping and messed up because my FAF UI being scaled to 150% throws the mod off, it will probably be fixed to scale adequately with UI)
854cbca1-e361-434b-9e2f-adc5b87ffa03-image.png

a0f453a0-b425-47aa-8966-96e835d61f5a-image.png
I would like opinions on what looks better between the land icon's bars and the navy ones. This feature will tell the tier level in land, air and navy. I'm updating the icons and I want to hear opinions on what do you think the new one (T1 LAND) looks compared to the old style (T3 Navy). I still have to adjust the air and naval icons/00df3308-0a43-4600-b73c-b68a27d8957f-image.png
this one above has darker borders, is it better?
516c9240-316d-4c83-9892-cd19a9a52d09-image.png
Also does T3 land's bars look like too much or is it good enough?

FAF Website Developer

@Eternal I like the stylization you've done! The areas around the side look too intrusive to keep on for the entire duration of the cast, but it looks really nice and might work well for an introduction.

@Javi can you please fix the scaling issues before asking for opinions?

@archsimkat d1a60c32-2ca2-4593-af7c-e3b80b672437-image.png
73ccfad1-742e-4402-a193-d941d3f7a9e4-image.png

I just want opinions on the icons, my work is in the UI department not in the coding xdxd.

FAF Website Developer

They should all be the same size. Not sure why land > air > navy in terms of icon size.

@keene I like it, but I think it needs a subtle marker showing the halfway point on the bars

Because otherwise it's not immediately obvious which player has more or less than 50%

I would suggest putting markers at the halfway point, and also 5/9 of the way and 4/9 of the way between the two extremes (because those marks correspond to one player having 20% more than the other player). Then it would be easier to see who has more and who has less.

People shouldn't have to read the numbers at the edge of the bars or use their eyes to guess at which bar is bigger. Come colors "pop" more than other colors, so it might be if you're bright pink at 48% to 52%, it looks like your bar is bigger than your opponent's. If there's a subtle mark at the 50% point, that takes away the ambiguity.

How about faf using some bucks to pay someone to design a professional looking ui

You should put the ui on the bottom. If you click on a unit for any reason, and you’ll be doing that during a cast: you’re now obscuring a solid third of the screen with the caster ui and the selection menu. This problem will be worse when you attempt to ghetto rig this product for anything higher than a 1v1. At least the ui functions of the game around the top of the screen can be hidden or used in synergy with the ui - because the top half of the viewport was made to be kept clear of anything outside of the most critical information.

Also someone please explain why it’s made with slab serif and no tracking LMAO

we live in a society

@biass It is not necessary to try to save the previous layout of the game UI. We always can move some ui to another place, and make it more presentable

@archsimkat Arch have you ever worked on a coding or design thing, where its almost like you dont always present an end product but a comparison between old and new or just a prototype xD?

Yes, the sizes will be the same but right now I'm asking between the new style seen in the T1 land icon and the old style between t3 navy. Are they different sizes? is something else clipping or looking meh? There is a high chance it looks like that because its a WIP and not a finished product.

Here, the t1 land has a smother shape on the edges, the bar in the middle has some edges and a small highlight behind it. The t3 navy is more simpler and the 3 bars dont have anything behind it. I'll try being more specific about this next time lol

FAF Website Developer