FreeGameDev

Agreed. I'm a big fan of the new icons and would like to see them implemented. We can fix any potential issues they have first, and then make a decision on what should be done next.

Since hellcp himself has asked me to post my concept here, this is my attempt to contribute with ideas for a new UI.





Note that the yellow chessboard background and the icons were made quickly just for better understanding of my suggestion. This is not a graphic project for the remodeling of the UI. My focus is on the navigation or, in other words, on the sequence of actions to play locked and unlocked content.

I like the new icons & hellcp's UI mockup does look good, but the current UI isn't bad.
The only menu I've had trouble controlling with a gamepad is the addons menu

I just think that this would take time to implement and there are many more important things ATM

GeekPenguinBR: I really love bold help bubbles, they are awesome, although they need some bolder font to go with the style. Icons are not my favorite. Opening cutscene and track selection in story mode needs to be discussed, there were ideas of rotating globe as track selection and book introduction cutscene instead of current cutscene with Gnu being kidnapped. I feel like we need more options in main menu than this

tux_peng: ofc there are more important things, but I'm doing what I have capability of doing, while others do other things

hellcp {l Wrote}:Oh whopps, forgot about it, CC BY-SA 4.0 sounds fine?

Sorry for missing this reply, there's so many posts it's easy to miss one. Yes, CC-BY-SA 4 is good. Obviously, assuming you made everything yourself and didn't get it from the internet

Please note that hiker (the STK project leader) is currently on vacation, so things might move a bit slower

Auria: Everything except fonts is original and I used Inter UI Heavy (mass, options_language, rename, screen32-1610), which isn't really a problem as its license (SIL OFL 1.1) allows for that use entirely .

hellcp {l Wrote}:Auria: Everything except fonts is original and I used Inter UI Heavy (mass, options_language, rename, screen32-1610), which isn't really a problem as its license (SIL OFL 1.1) allows for that use entirely .

Thanks. Hiker, our project leader, is currently on vacation and we won't change the icon without discussing this with him of course - so there might a little delay. I'm keeping this in mind though, we should check that in a couple weeks perhaps

So, hiker is back from vacation, and we've had a little chat, and we like the icons and would like to use them in-game! Now, these icons are currently in svg format, which is great as source material, though in-game we need PNGs. I wonder if someone here would like to help us by doing a little work and exporting the icons to a pack of PNGs that is ready to place in the "data/gui" folders? The exported icons would need to have the same names and image sizes as the original. If no one volunteers we'll be looking at it, though that would be a great way to help us that doesn't require intricate technical knowledge!

A quick look in the folder shows most things as 128x128. gui_lock.png, nitro.png, notes.png, rename.png, and banana.png are 64x64, but that probably should be increased to 128x128. loading.png is 128x128, but should be 256x256 IMO. hourglass.png and search.png are 64x64, and karts.png and track_random are 256x256.

QwertyChouskie {l Wrote}:A quick look in the folder shows most things as 128x128. gui_lock.png, nitro.png, notes.png, rename.png, and banana.png are 64x64, but that probably should be increased to 128x128. loading.png is 128x128, but should be 256x256 IMO. hourglass.png and search.png are 64x64, and karts.png and track_random are 256x256.

Indeed, some of them that are on smaller size could be made a little larger, so long as the size remains reasonable

I usually use variation of
for x in `ls | sed 's/.svg//g'`; do inkscape -z --export-png ${x}.png ${x}.svg -w 256; done
where 256 is size of output in pixels, I tested game that way and while in some places scaling is a little wonky, it worked pretty fine.

Hi, I created with Inkscape some pictures of my version of STK 1.0. It would be nice to get Feedback about it

find -type f -exec sh -c 'file={}; file_out=$(basename $file .svg).png; convert $file $file_out' \;

Can be used with "convert -scale".

Honestly, I'm not a big fan of these icons. Indeed some of them are ok, but they don't fit well with current GUI. Here are some screenshots:

And @hellcp regarding to the android port:
- it should be much better in current beta version (fonts and some buttons are bigger, checkbox is more visible etc)
- "misclicks" are a bug in guiengine and are easily reproducible with mouse too (you can highlight "options" in main menu, then move cursor out of the icon list and then click near the "close" button). It looks that it executes buttonbar click event instead of icon button click and it should be fixed.
- I'm aware that on-screen keyboard is far from perfect. But proper software keyboard needs a lot of work and the usage was very little so far (it could be used only to type your user name or search addons). Anyway it may need some love, because in next version it will be used for online chat.

Typhon {l Wrote}:Hi, I created with Inkscape some pictures of my version of STK 1.0. It would be nice to get Feedback about it

I really like that mode select screen

As for icons fitting, I agree not all of them fit, I expect we'd start by replacing those that fit best the current UI.

Typhon, regarding your mockups, just my personal opinion, I know it's all the rage these days but I'm not big on flat color backgrounds. Otherwise, not to sound discouraging, but I do have some things to note. Your kart selection screen doesn't consider split-screen multiplayer, and it's not clear what happens if there's lot of addons and it needs to scroll; your main menu screen mockup only has enough room for english and translations would not fit in that space (if you want to make it dynamically sized based on the language that's a lot more work). I don't think we'll ever use a screenshot of the game as background, since we'd need to constantly update it as the game evolves

> created with Inkscape

Can you upload the SVGs? Also @hellcp can you upload the SVG of the new buttons you posted on the Discord? I want to bring https://jacobspctuneup.tk/STK/newgui2/mainmenu.html up-to-date

deve: Obviously, icons weren't created for this UI, that's precisely what I have been talking about since the beginning. But I did have to start somewhere

Typhon: while some elements seem weirdly sized and not putting enough focus to primary functions, there are some great ideas there

Auria: Agreed, it's good to keep those in mind, but not pollute whole interface at once with them, because they don't fit yet.

QwertyChouskie: attatched

@Auria: You can scroll to the next Kart page if you
press on the three points (next to "Random Kart"). For the Splitscreen I didn't made a preview yet, but I'm working on it.

@QwertyChouskie: Thank you. Here are the files...

@hellcp: What do you mean with "great ideas"?

For me, i prefer the current interface. I think, this is not a priority.

I worked faster than I thought. Here is the Splitscreen as SVG and PNG

@Typhon I like the kart selection screen in splitscreen mode , but some words in other languages may not fit

@Pedroxz In which languages?

@Typhon I do not know what languages this can happen, it may not happen, but I think it's possible

@Perdroxz I understand the problem, but I didn't like if there are so large Buttons with too small letters. This would be looking ridiculous.