[SUG][PLAYER] Improved menu/title/preview/postview screens

[WillLem]

12.8's high resolution mode is not without its teething problems, but it does look great and given the endless possibilities for custom styles which can now look better than ever before, it's an exciting time to be a fan of Lemmings!

Now that the look of the game itself has been improved, and it's already possible to make the panel look however you want it to by editing it yourself (EDIT: I've posted a picture of mine at the bottom of this post), I propose we as a community look at the possibilities of making NeoLemmix's various title screens look and feel as good as they possibly can.

My proposal would be to bring together all the best elements of the various versions (Amiga's colour scheme and text/logo proportions, NeoLemmix/DOS's larger level previews and the size/position of the menu elements, SuperLemmini's higher resolution and enhanced text) and create some really nice looking title screens.

Here is an example of the level-preview screen from each, so you can see the differences:

Amiga's pleasing colour scheme, and perhaps less pleasing level preview size:



SuperLemmini's enhanced resolution and tightened-up text size:



NeoLemmix/DOS's larger level preview and better overall proportion of images/text:



And a reminder of the differences between the Amiga (left) and DOS (right) menu screens. I think the DOS version has better positioning and relative-sizing of the various elements, but - as you can see - the Amiga version has everything in better proportion, albeit perhaps a bit too large:



I'm happy to do the work on the various elements that will need to be produced - backgrounds, text, menu cards, logo, etc., once the community has reached a consensus about how it should look. Hopefully, there'll be some way of assembling everything without having to completely re-write the code.

As for the pre/post-view screens, there has already been discussion about the possibilities of making these more interactive, maybe by including pictures. I think this is a great idea worth re-visiting. At the very least, the text could be improved and made easier to read as a very basic start on things.

So - what do you think, should we look at this? Or not bother. You decide!


---


P.S. Here's what my custom panel looks like. I edited this using a simple PNG editing program. If you'd like to customise your own, the graphics can be found in NeoLemmix/gfx/panel (or panel-hr for hi-res mode) - just be careful to keep everything the same size. Or, if you like the look of mine and want me to send you the images I'll be more than happy to do so:

[IchoTolot]

I must say, I am not a fan of the amiga color scheme and much prefer the pure blue letters. Every line differently colored seems way too clowny for me.

- as you can see - the Amiga version has everything in better proportion, albeit perhaps a bit too large:

There I must disagree as well. I find the amiga menu vastly inferior to the current one.

The icons are waaaay too large and I feel it being heavily disproportioned. The current menu has some empty space, yes, but I would call that an advantage as otherwise it's way too crowded and uneasy on the eyes.


We also had a big discussion on the menu/level preview screen already. I remember it beeing shortly before or after the new formats release. If someone finds the topic it could be linked here again.

[namida]

Moved this to the correct place and fixed the topic title accordingly a bit.

Anyway, count me under the "don't really care either way" group (beyond maybe leaning a bit towards "no" on the grounds of "it means extra effort", but that's minor). If there's a strong opinion in favor of it, I'm open to changes, but even then it likely won't be a high priority.

[WillLem]

I must say, I am not a fan of the amiga color scheme and much prefer the pure blue letters. Every line differently colored seems way too clowny for me.

I agree to some extent; I'd say keeping the blue lettering is fine as long as something is done about the proportion of the text - it could do with being a touch taller and easier to read.

- as you can see - the Amiga version has everything in better proportion, albeit perhaps a bit too large:

There I must disagree as well. I find the amiga menu vastly inferior to the current one.

The icons are waaaay too large and I feel it being heavily disproportioned. The current menu has some empty space, yes, but I would call that an advantage as otherwise it's way too crowded and uneasy on the eyes.

Perhaps I was unclear in my OP; I agree that everything in the Amiga menu screen is way too large, making it seem overcrowded, but the proportions of the individual items themselves are correct as compared to the stretched look of the NL menu.

I do agree that the NL menu is better in terms of item placement/positioning, and space between the graphics, as I mentioned.

My thoughts are not that we should do things one way or the other, but that we should get a consensus on what the best features of each version are, and then incorporate them into a new set of graphics.

Anyway, count me under the "don't really care either way" group (beyond maybe leaning a bit towards "no" on the grounds of "it means extra effort", but that's minor). If there's a strong opinion in favor of it, I'm open to changes, but even then it likely won't be a high priority.

I'll do all the work in terms of getting graphics/text sorted (as per community consensus - I'll do some mockups and get a few votes in); as long as it won't mean too much messing about code-wise, hopefully there won't be all that much to do.

[WillLem]

OK, I've had a little play with the background, logos and menu cards and come up with these. Personally, I think the brown (on the right) is best for the main menu - note that I've used a higher resolution background image and muted the colours ever so slightly so that everything in the foreground stands out more. It's a first draft, but I think it works:

N.B. - The vertical size of the menu cards is currently limited, ideally these would be *slightly* bigger, but not by all that much.



For the pre-level screens, I really like the blue-on-green version (on the left). The only thing that really needs to happen here is more vertical pixel allowance for lettering:

[WillLem]

I've edited these screenshots manually to give an idea of how the menu & level screens could look (for reference, these can be compared to the screenshots in the most recent post above).

The menu has a higher resolution brown background with slightly muted colours to make the foreground images stand out more. I've enlarged the logo and cards ever so slightly whilst maintaining their positions on the page. Meanwhile, the text and scroller have been given more vertical profile so that they're easier to read:



The level pre-screen has the hi-resolution green background and blue lettering. I've enlarged the level preview very slightly, and left a gap between it and the title. I've also vertically enhanced the text again (by the same amount as in the menu screen), whilst raising the "press mouse button to continue" text up from the bottom of the screen but maintaining the 'paragraphing' of the text:



Thoughts?

[Proxima]

We also had a big discussion on the menu/level preview screen already. I remember it beeing shortly before or after the new formats release. If someone finds the topic it could be linked here again.

Link to the previous topic.

Also relevant is UI and talismans, since one proposal there is to remove the talisman info from the preview screen, in favour of finding another way to inform the player about talismans. (This was also proposed in the above-linked topic, although not for the same reasons.)

Thoughts?

As regards layout, your proposal for the level preview is a huge improvement on the current one -- it fixes the biggest problem, that the level title is too close to the image; and the proportions of the lettering make the text much nicer to look at.

However, there are two problems. There's no room for talisman info (which won't be a problem if we move talisman info elsewhere, but that's not decided for definite yet), nor for the level author. (Possibly "Press mouse button to continue" could be dropped to make room for this.)

For colour, though, I much prefer brown -- it looks like earth, which is nicely thematic for the game.

Your proposal for the main menu is much worse than the status quo. The cards should all be the same size, and they shouldn't have such large gaps between them -- especially around the "Level Select" card, where the text is squished tightly against the edges of the card and yet there is so much space the card could expand into!

[WillLem]

An improved version of the main menu, based on Proxima's comments:

I've made the "LEVEL SELECT" text fit a bit better and I've resized the rank graphic card so it's the same size as the others (EDIT - All cards could be increased in size whilst retaining the Lemmings proportions if they need to be bigger to fit the rank graphics on).

I've also adjusted the space between all the various elements so that there's a better spread.



And, here's a version which I think is even better. The logo and graphics are all as big as they can be without overcrowding each other like in the Amiga version, and everything is a bit more linear and inviting:



Thoughts?

[namida]

In your second proposal, how does the talisman sign get added in packs where it's applicable? It doesn't look like any room for it exists. (In the first, of course, it can just go in its usual place.)

[Proxima]

Maybe it could replace the "Quit" button? I do like the one-row arrangement and the larger logo (although I'm not sure what would happen then with packs having custom logos...)

[IchoTolot]

I am still for 2 rows, as I find it much more pleasent to the eyes + a better spread + it allows for enough space for all 6 cards and I also still think the status-quo is better in terms of graphic card size.

[Dullstar]

The preview/postview screens are the way they are just because Lemmix was built to mimic DOS Lemmings, and NeoLemmix was based on Lemmix. Some changes have been made to account for features that aren't a thing in NeoLemmix (e.g. passwords) or for features that have been added (e.g. talismans), but for the most part it's the same old DOS Lemmings screens. There's definitely both functional and cosmetic improvements that can be made here.

I'll start with the big functional change that I think needs to be made: Something needs to be done about talismans! That information isn't easy to stuff in there since the layout wasn't originally designed with them in mind. The letters in the font are very... T H I C C, shall we say... which makes it rather difficult to stuff a full description of the talisman in without making things very cluttered. The current font works fine for everything else, but it would look weird to have talismans have a different font than everything else. Perhaps the talismans could go somewhere else entirely, but then where should they go?

As for cosmetic changes to the existing design:

The Amiga's color scheme is easier to read than the DOS color scheme, which has somewhat poor contrast. If we were to stick with having all the text the same color as in the current design, I do think the green background is small improvement - particularly as the green version of the background has lower contrast between its brightest and darkest points, which I think makes it work better as a background on which to overlay text. Still, I think the color palette of the lettering can likely be improved - it should probably be made a bit brighter.

[WillLem]

In your second proposal, how does the talisman sign get added in packs where it's applicable? It doesn't look like any room for it exists. (In the first, of course, it can just go in its usual place.)

It could replace "Quit?"...

Maybe it could replace the "Quit" button? I do like the one-row arrangement and the larger logo (although I'm not sure what would happen then with packs having custom logos...)

Logo-wise, any existing logos would either have to be updated manually by the pack creator to fit the new size OR they could be automatically resized using a magic tool of some kind which makes them the correct size whilst maintaining their aspect ratio. Since all logos were uploaded to a particular spec, this hopefully won't be as difficult as it probably is.

I am still for 2 rows, as I find it much more pleasent to the eyes + a better spread + it allows for enough space for all 6 cards and I also still think the status-quo is better in terms of graphic card size.

This could work if we make it so that 2 lems are holding each card (see this post for example - note that the Rank card is being held by 2 lems in order to preserve its original size).

Again, I'd be more than happy to help implement any such changes, if people like the idea.

[WillLem]

Giving this another quick bump.

Since NeoLemmix is no longer a DOS clone, it deserves its own menu design.

At the moment, most of it can be user-defined anyway, but the proportions of the objects on the menu are all askew. If we put our heads together, I'm sure we can sort it out.

My offer to provide graphics still stands (after community consensus on what those graphics should be, of course).

[Dullstar]

On one hand, people have a lot of nostalgia for the original menu layouts, but on the other hand, Lix's menus are a lot cleaner than NeoLemmix's as a result of being completely unburdened by the design choices made in the original game back in the early 90s.

I'm certainly open to a drastic redesign for all these screens, since there's definitely stuff like Talisman information that's constantly plagued trying to make the current screens work.