TripleA Logo TripleA Forum
    • TripleA Website
    • Categories
    • Recent
    • Popular
    • Users
    • Groups
    • Tags
    • Register
    • Login

    Image Icons

    Scheduled Pinned Locked Moved Feature Requests & Ideas
    228 Posts 12 Posters 215.3k Views 11 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • redrumR Offline
      redrum Admin @Frostion
      last edited by redrum

      @frostion Ask and thou shall receive:

      20x20 with larger font quantity
      0_1519162057875_99e52ad5-d99b-4734-b0fa-290af6f5800c-image.png

      24x24 with larger font quantity
      0_1519162217867_5690cc02-d91f-4730-a8e3-1a3622e4d700-image.png

      Dragon War @ 24x24 with larger font quantity
      0_1519163117132_24ecc51b-63f9-43ac-8cf2-2fa7ffbdadf1-image.png

      TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

      1 Reply Last reply Reply Quote 1
      • FrostionF Offline
        Frostion Admin
        last edited by Frostion

        Nice. I like the β€œ20x20 with larger font quantity” For me at least it seems to represent a good balanced display.

        Here are Dragon War 20x20 icon.

        I will try to make some Iron War icons and post them for you to test. I will include some 20x20 also.

        0_1519162984264_DragonWar20x20.zip

        Map maker of: Star Wars: Galactic War + Star Wars: Tatooine War + Caribbean Trade War + Dragon War + Age of Tribes + Star Trek: Dilithium War + Iron War + Iron War: Europe + Warcraft: War Heroes

        redrumR 1 Reply Last reply Reply Quote 1
        • redrumR Offline
          redrum Admin @Frostion
          last edited by redrum

          @frostion Yeah, only thing that worries me is font size inconsistency and whether that opens up a can of worms. But to be fair good UI design often uses different size fonts/images to highlight different areas. My initial guy reaction is either 16x16 with normal size font or 20x20 with larger font.

          DW Pre-Icons (Death By Text!)
          0_1519163251013_25a919d6-21a7-4ac8-a283-4e2d0583cdfd-image.png

          DW 20x20 larger font quantity
          0_1519163392425_57bb0419-388e-4288-a423-74b327c3ab3e-image.png

          DW 16x16 larger font quantity
          0_1519163454720_c96e9de3-3e5c-4153-9026-aa6e5f23fb18-image.png

          DW 16x16
          0_1519163499394_69d9d99e-762d-4b4f-93ad-1ed860bb2fe6-image.png

          TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

          1 Reply Last reply Reply Quote 1
          • FrostionF Offline
            Frostion Admin
            last edited by

            The 16x16 with normal font also looks good, but the icons are on the verge of being unrecognizable.

            Taking the civil war version in mind, I am still for β€œ20x20 larger font quantity”.

            I am eager to know what other people think.

            Did the first work for Iron War icon set, but you will have to wait about 22 hours till I finish them 😜 Good night!

            Map maker of: Star Wars: Galactic War + Star Wars: Tatooine War + Caribbean Trade War + Dragon War + Age of Tribes + Star Trek: Dilithium War + Iron War + Iron War: Europe + Warcraft: War Heroes

            1 Reply Last reply Reply Quote 0
            • redrumR Offline
              redrum Admin
              last edited by redrum

              So for now going with the 20x20 and larger font, I adjusted some spacing and now enforce resource ordering based on the XML to get the following:

              Dragon War
              0_1519172099101_d30ef3d2-c3c1-4d5e-9971-5be5ed709799-image.png

              Civil War
              0_1519171891791_068bc02e-1609-41fd-8e00-446c40a90acc-image.png

              TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

              HeppsH 1 Reply Last reply Reply Quote 2
              • HeppsH Offline
                Hepps Moderators @redrum
                last edited by

                @redrum I think you found the sweet spot. All looks great!

                "A joyous heart sours with the burden of expectation"
                Hepster

                1 Reply Last reply Reply Quote 0
                • redrumR Offline
                  redrum Admin
                  last edited by

                  Alright, I think we'll go with the 20x20 with larger font for the purchase window. Next up is resource bar!

                  20x20
                  0_1519183959421_9708ad4a-8eaf-4295-af34-3f737e5b2229-image.png

                  24x24
                  0_1519184083162_78e37eb7-6eb2-47ce-8fb3-3d5ccf0f4e90-image.png

                  28x28
                  0_1519183992458_472c7133-fbdc-48d1-b5c9-9842c1bd668d-image.png

                  32x32
                  0_1519184035877_1aa102a8-fa1c-41c9-a736-3657571b16c1-image.png

                  TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

                  HeppsH prastleP 2 Replies Last reply Reply Quote 0
                  • HeppsH Offline
                    Hepps Moderators @redrum
                    last edited by

                    @redrum Would probably be best to show the examples with the entire window... maybe with the purchase window open at the same time. Since a comparison is an important part of the concept.

                    We have to bear in mind that the quality of the resource image is also a factor. I did the larger images quickly by expanding the existing images... which yields blurry results without a great deal more work. So it is important to evaluate the sizes based on how they work comparatively rather than on the quality of the icons themselves.

                    "A joyous heart sours with the burden of expectation"
                    Hepster

                    1 Reply Last reply Reply Quote 0
                    • prastleP Offline
                      prastle Moderators Admin @redrum
                      last edited by

                      @redrum sexy πŸ™‚

                      If we open a quarrel between past and present, we shall find that we have lost the future! Sir Winston Churchill

                      1 Reply Last reply Reply Quote 0
                      • redrumR Offline
                        redrum Admin
                        last edited by redrum

                        @Hepps Good point. Here are screenshots with purchase window open. After we narrow it down I can try some different font sizes as well. I also need to fix the right part of the bottom bar so its height scales with the rest.

                        20x20
                        0_1519184643013_36dd0b1c-7c7b-4610-84bd-0973bbab3fe9-image.png

                        24x24
                        0_1519184693964_b747aea4-d221-4cc6-b4f5-567f2d3fff54-image.png

                        28x28
                        0_1519184600332_0a6f07d7-0f44-4eae-8408-95c75ac8dcc6-image.png

                        32x32
                        0_1519184551066_fa0df392-c7d9-4b2a-be62-0306e6c3bce7-image.png

                        TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

                        HeppsH 1 Reply Last reply Reply Quote 0
                        • HeppsH Offline
                          Hepps Moderators @redrum
                          last edited by

                          @redrum 24 does it for me.

                          "A joyous heart sours with the burden of expectation"
                          Hepster

                          prastleP 1 Reply Last reply Reply Quote 0
                          • redrumR Offline
                            redrum Admin
                            last edited by

                            Here is 20x20 with larger font (same as purchase window):
                            0_1519185812237_71d3f6f3-6ae3-450f-a638-2a528f6e1d1d-image.png

                            TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

                            1 Reply Last reply Reply Quote 0
                            • prastleP Offline
                              prastle Moderators Admin @Hepps
                              last edited by

                              @hepps WHAT about the old blind guys?
                              πŸ™‚
                              24 is fine
                              bigger is better
                              πŸ˜‰

                              If we open a quarrel between past and present, we shall find that we have lost the future! Sir Winston Churchill

                              1 Reply Last reply Reply Quote 1
                              • redrumR Offline
                                redrum Admin
                                last edited by redrum

                                Purchase window with A/D/M above unit image and larger font size:
                                0_1519186248995_708f1575-479f-4c4b-a9af-2663b776494f-image.png

                                DW:
                                0_1519186688729_1948fa2b-f532-4869-8bfd-a410b8bbe3e1-image.png

                                TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

                                prastleP 1 Reply Last reply Reply Quote 0
                                • prastleP Offline
                                  prastle Moderators Admin @redrum
                                  last edited by

                                  @redrum all improvements are amazing! You guys pick what looks best to you. Don't forget I am an old colour blind bastd with spectacles πŸ™‚ either way all great stuff! TY for all the work @ all

                                  If we open a quarrel between past and present, we shall find that we have lost the future! Sir Winston Churchill

                                  HeppsH 1 Reply Last reply Reply Quote 0
                                  • HeppsH Offline
                                    Hepps Moderators @prastle
                                    last edited by

                                    @prastle We will introduce a braille version for you when nano technology is incorporated into LCD screens.

                                    "A joyous heart sours with the burden of expectation"
                                    Hepster

                                    1 Reply Last reply Reply Quote 3
                                    • redrumR Offline
                                      redrum Admin
                                      last edited by redrum

                                      With updated territory info in bottom left corner to use resources.

                                      CW
                                      0_1519189997302_cd48c153-6c1c-4b0d-8673-6252775a3075-image.png

                                      DW
                                      0_1519190056907_591fb498-6a54-4b8a-a689-f7dfc0a2bc25-image.png

                                      0_1519190858108_51ed068a-b7d7-412b-a933-c81c8e32f44b-image.png

                                      0_1519191826748_5bd4cca0-7a5c-40fc-a2c7-485ec5a809c6-image.png

                                      0_1519193680109_9025aba9-5770-4b29-8cba-7f7ff4f21703-image.png

                                      TripleA Developer with a Passion for AI: https://forums.triplea-game.org/topic/105/ai-development-discussion-and-feedback

                                      prastleP 1 Reply Last reply Reply Quote 1
                                      • prastleP Offline
                                        prastle Moderators Admin @redrum
                                        last edited by

                                        @redrum i can read it and its a vast improvement from none. I just wish it was slightly larger. Even if all disagree. GREAT WORK! @ all

                                        If we open a quarrel between past and present, we shall find that we have lost the future! Sir Winston Churchill

                                        1 Reply Last reply Reply Quote 0
                                        • FrostionF Offline
                                          Frostion Admin
                                          last edited by Frostion

                                          @prastle Please tell what exactly you disagree with and what it does for the game experience. I think it is important as others might think the same. We might as well take any criticism up front, and we must not be carried away by ourselves.

                                          Also, I would say that the next stable release would be a kind of BETA in regards to reactions towards the resource icons. We will see what people think.

                                          @all This made me think! (about something specific πŸ˜‰). Maybe there should be a safeguard against maps using the icons if the maps icon set was not complete. Meaning if all the resources could not be displayed as icons, then the resource display would only be in text. No mixing of text and icons. It might look weird and unprofessional if mixed, and also give a bad impression about the use of icons.

                                          @redrum
                                          I don't like the territory effects being displayed as icons. First of all it would really challenge the mapmakers with figuring out how to symbolize them. Also, I think it would be best to challenge and inform players ONLY about the condition of resources being displayed as icons, something that player are probably used to from other games. Then when players see icons, they know it is something valuable that can be used to purchase and not anything else. Edit: If used, should the engine support a fixed set of territory effects with engine icons? What would the standard mountain terrain effect be, for example? (It would be weird to have an icon from the engine used for one terrain effect on one map and another effect on another map.)

                                          I like the 28x28. It safeguards against a mapmaker doing a 32x32 resource picture that has the icon picture's top and bottom touching the top and bottom of the bar. But I think it is also important to both allow, and in instructions state, that sizes up to 32x32 is possible. I could imagine a mapmaker using 32x32 or smaller maybe squared icons, with Maybe coloured backgrounds, as alternative to small symbols and transparency. Something that might not look bad if they fill out the bar leaving no space around the icons.

                                          In regards to sizes. I can see your concerns about font sizes not being consistent. It kind of looks strange to see the unit names in smaller font size than the count/numbers, both in the bars and by the units. Especially it might not look good if we had large numbers and large resource texts in place of icons if no icons were available. And even worse if we had large numbers and small text mixed with icons.

                                          Maybe you should try to post a preview with 16x16 purchase icons and 28x28 bar icons, with non-enlarged text? It will take up the least space, compress the windows the most, not look weird if icons are missing, and leave any text enlargement of UI (if needed) to future development projects. The reason I ask for 16x16 here, is because large icons alongside standard size text makes this unwanted looking mismatch. Also, if both the main window bottom bar and the purchase window bottom bar displays distinctively and large 28x28 icons, then the player's recognition of small 16x16 images might not be that hard. (It is here that colors of icons mean a lot πŸ˜‰) PS: I dont think that it is that problematic to have larger text in the bottom bars as long as all text there was the same size.

                                          Map maker of: Star Wars: Galactic War + Star Wars: Tatooine War + Caribbean Trade War + Dragon War + Age of Tribes + Star Trek: Dilithium War + Iron War + Iron War: Europe + Warcraft: War Heroes

                                          HeppsH 1 Reply Last reply Reply Quote 0
                                          • FrostionF Offline
                                            Frostion Admin
                                            last edited by

                                            Alternatively you could maybe try to enlarge all text of the purchase window and all text in the bottom bar? Maybe this will help both with the better icon recognition that the 20Γ—20 gives compared to the 16x16, as well as keeping the resource numbers in a fair size compared to the icons?

                                            Map maker of: Star Wars: Galactic War + Star Wars: Tatooine War + Caribbean Trade War + Dragon War + Age of Tribes + Star Trek: Dilithium War + Iron War + Iron War: Europe + Warcraft: War Heroes

                                            prastleP 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better πŸ’—

                                            Register Login
                                            • 1
                                            • 2
                                            • 7
                                            • 8
                                            • 9
                                            • 10
                                            • 11
                                            • 12
                                            • 9 / 12
                                            • First post
                                              Last post
                                            Copyright Β© 2016-2018 TripleA-Devs | Powered by NodeBB Forums