Author Topic: Can we make this look more appropriate for ICS?  (Read 6460 times)

Offline Alex Gleason

  • byte
  • *
  • Posts: 37
    • View Profile
    • Google+
Can we make this look more appropriate for ICS?
« on: May 31, 2012, 02:39:43 AM »
Hello!

The current icon is clever (the Android in place of the plus) but it looks god awful in Android 4.x where the rest of the icons are very simplistic and clean (no offence intended, it just looks out of place in the context of a different UI). How would you guys feel about something similar to this? (just needs a few tweaks)



Note the notification icon in the top left corner as well, which blends in with the ICS notifications.

The menus could be updated as well to contain some more simple graphics and reflect the interface of other Google apps.

Thank you, Paul, for this excellent piece of software!

EDIT: Credit goes to Scott 'Tillin9' Knauert for the original Mupen64+ logo. More information about the logo can be found here.
« Last Edit: December 16, 2012, 03:12:13 PM by Gleasonator »

Offline shuy3n

  • long
  • ***
  • Posts: 111
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #1 on: May 31, 2012, 06:05:20 AM »
Can icons be set per android version or is it all based on pixel density
« Last Edit: May 31, 2012, 06:07:01 AM by shuy3n »

Offline OurFriendIrony

  • int
  • **
  • Posts: 78
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #2 on: May 31, 2012, 06:50:27 AM »
its all pixel density if you use the XML for your layouts, I think
Device: Samsung Galaxy S2
CPU: Dual-core 1.2 GHz Cortex-A9
GPU: Mali-400MPH
RAM: 1GB
Resolution: 480 x 800
Rom: v4.03 ICS (stock) (rooted)

Offline Alex Gleason

  • byte
  • *
  • Posts: 37
    • View Profile
    • Google+
Re: Can we make this look more appropriate for ICS?
« Reply #3 on: May 31, 2012, 12:34:40 PM »
Can icons be set per android version or is it all based on pixel density

If this is possible it would be ideal. The current icon looks fine in every other version of Android.

Offline Paul

  • Administrator
  • double
  • *****
  • Posts: 3495
  • Developer
    • View Profile
    • PaulsCode.Com
Re: Can we make this look more appropriate for ICS?
« Reply #4 on: May 31, 2012, 02:25:01 PM »
It is possible, according to this thread.  I'm not very familiar with Android styles and themes yet, so I'd have to study up on that first.
Device: Samsung Galaxy Nexus i515
CPU: TI OMAP4460, 1.2 GHz (dual core, ARM Cortex-A9)
GPU: PowerVR SGX540, 307 MHz
RAM: 1 GB
Resolution: 720 x 1280
Rom: omni-4.4.4-20141014-toro-FML KitKat 4.4.4, rooted

Device: Eee PC 1015PEM
CPU: Intel Atom N550, 1.5 GHz (dual core, x86)
GPU: Intel GMA 3150, 200 MHz (dual core)
RAM: 2GB
Resolution: 1024 x 600
Rom: android-x86-4.3-20130725 Jelly Bean 4.3, rooted

Offline Alex Gleason

  • byte
  • *
  • Posts: 37
    • View Profile
    • Google+
Re: Can we make this look more appropriate for ICS?
« Reply #5 on: May 31, 2012, 02:38:06 PM »
It is possible, according to this thread.  I'm not very familiar with Android styles and themes yet, so I'd have to study up on that first.

Hey Paul! I'd like to help contribute to this project. I'm best at creating graphics and interfaces (HTML, XML, CSS) but am also proficient with OOP languages (particularly Java, PHP, and AS3) and a bit with Android development.

I would be glad to look into this and find a solution, since I know you have more important parts of this project to focus on than the UI right now.

On a side note, isn't it redundant to refer to this software as Mupen64 Plus, AE while already in the Android OS? It's truncated on the app icon.

Offline Lioncash

  • Developer
  • byte
  • *****
  • Posts: 29
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #6 on: May 31, 2012, 06:48:34 PM »
If you make the icon, I'll make it change depending on the SDK. I'll guarantee that.

Offline xperia64

  • Moderator
  • double
  • *****
  • Posts: 591
    • View Profile
    • My Apps
Re: Can we make this look more appropriate for ICS?
« Reply #7 on: May 31, 2012, 06:58:01 PM »
There's always the option of making an ICS specific build that will download only to ICS devices and will have that icon. Paul just would need to have 2 active versions of the apk where one is targeted ad 4.0+ and the others are targeted at <= 3.3 or something like that

Offline Paul

  • Administrator
  • double
  • *****
  • Posts: 3495
  • Developer
    • View Profile
    • PaulsCode.Com
Re: Can we make this look more appropriate for ICS?
« Reply #8 on: May 31, 2012, 07:01:57 PM »
On a side note, isn't it redundant to refer to this software as Mupen64 Plus, AE while already in the Android OS? It's truncated on the app icon.

Sure, I'll change the installed app name (you're right, once its installed, having the "AE" is pretty redundant).  I won't change the project name though, until it is eventually merged back into the original project.
Device: Samsung Galaxy Nexus i515
CPU: TI OMAP4460, 1.2 GHz (dual core, ARM Cortex-A9)
GPU: PowerVR SGX540, 307 MHz
RAM: 1 GB
Resolution: 720 x 1280
Rom: omni-4.4.4-20141014-toro-FML KitKat 4.4.4, rooted

Device: Eee PC 1015PEM
CPU: Intel Atom N550, 1.5 GHz (dual core, x86)
GPU: Intel GMA 3150, 200 MHz (dual core)
RAM: 2GB
Resolution: 1024 x 600
Rom: android-x86-4.3-20130725 Jelly Bean 4.3, rooted

Offline Lioncash

  • Developer
  • byte
  • *****
  • Posts: 29
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #9 on: May 31, 2012, 07:26:02 PM »
There's always the option of making an ICS specific build that will download only to ICS devices and will have that icon. Paul just would need to have 2 active versions of the apk where one is targeted ad 4.0+ and the others are targeted at <= 3.3 or something like that

It's relatively trivial to support it though. It would be more work overall to support 2 versions than just including the icon

Offline Vincentmrl

  • Cyan Team
  • long
  • *
  • Posts: 121
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #10 on: June 01, 2012, 12:19:11 AM »
isn't it easier to use 2 icons and make a script selecting automatically the os's fitting one?
Or an icon selector, that would be cool
Device: Lg Optimus One
CPU: 600 Mhz ARMv6 (Overclocked to 748Mhz ondemand governor)
GPU: Qualcomm Adreno 200
RAM: 512 MB
Resolution: 320 x 480
Rom: Unofficial Cyanogenmod 9

Offline Alex Gleason

  • byte
  • *
  • Posts: 37
    • View Profile
    • Google+
Re: Can we make this look more appropriate for ICS?
« Reply #11 on: June 01, 2012, 12:22:49 AM »
If you make the icon, I'll make it change depending on the SDK. I'll guarantee that.

Excellent! I want to touch it up a little and add some subtle strokes to better match ICS and then I'll get it to you. It's an svg so it can be rendered at any resolution.

Offline Alex Gleason

  • byte
  • *
  • Posts: 37
    • View Profile
    • Google+
Re: Can we make this look more appropriate for ICS?
« Reply #12 on: June 01, 2012, 02:47:56 AM »
Main icon: http://gobblegourd.com/mupen64plus_ics.svg
Notification: http://gobblegourd.com/mupen64plus_notification_ics.svg

Let me know if the SVGs don't work or if you'd like me to just render as PNGs. I exported these from Illustrator CS6 but I notice that Chrome is giving me an error about them.

EDIT: Credit goes to Scott 'Tillin9' Knauert for the original Mupen64+ logo. More information about the logo can be found here.
« Last Edit: December 16, 2012, 03:12:33 PM by Gleasonator »

Offline Lioncash

  • Developer
  • byte
  • *****
  • Posts: 29
    • View Profile
Re: Can we make this look more appropriate for ICS?
« Reply #13 on: June 01, 2012, 06:03:24 AM »
Main icon: http://gobblegourd.com/mupen64plus_ics.svg
Notification: http://gobblegourd.com/mupen64plus_notification_ics.svg

Let me know if the SVGs don't work or if you'd like me to just render as PNGs. I exported these from Illustrator CS6 but I notice that Chrome is giving me an error about them.

Don't worry, its only Chrome doing that. When I open it in Inkscape, it renders 100% fine.


Edit:

Hmm, I honestly wonder if this should replace the main icon overall. This actually looks pretty decent on both 3.x/4.x as well as 2.x devices (in my opinion, of course). Although I'd rather take people's opinion on this instead of replacing it without telling people.

I wonder how the new icon would look on the Xperia Play.


Edit 2:

Ok, it's committed to the main repo. Commit on github

Turns out all you need to do is name the folder based on the sdk level to change icons.

ie.

For SDK 11 (Android 3.0) and up, you make the resource folders:

drawable-hdpi-v11

and so on.
« Last Edit: June 01, 2012, 06:59:47 AM by Lioncash »

Offline Paul

  • Administrator
  • double
  • *****
  • Posts: 3495
  • Developer
    • View Profile
    • PaulsCode.Com
Re: Can we make this look more appropriate for ICS?
« Reply #14 on: June 01, 2012, 06:57:41 AM »
Let me know if the SVGs don't work or if you'd like me to just render as PNGs. I exported these from Illustrator CS6 but I notice that Chrome is giving me an error about them.

Android icons must be in .PNG format.  Additionally, due to a huge variety of screen sizes and pixel densities, there are specific dimensions you should create:

xhdpi:  96x96 icon,  50x50 status
hdpi:  72x72 icon,  38x38 status
mdpi:   48x48 icon,  25x25 status
ldpi:  36x36 icon,  19x19 status

I actually still need to add the normal xhdpi icons to the project, but if you're targeting ICS, you'll definitely need them (most of the new phones now are xhdpi).  In theory, though, ICS could be ported to a device with an ldpi screen, so to cover every base every category should be created.

As for which looks better, maybe we can have folks with ICS vote?  Might be able to ask on xda developer forums too which people prefer for ICS.
Device: Samsung Galaxy Nexus i515
CPU: TI OMAP4460, 1.2 GHz (dual core, ARM Cortex-A9)
GPU: PowerVR SGX540, 307 MHz
RAM: 1 GB
Resolution: 720 x 1280
Rom: omni-4.4.4-20141014-toro-FML KitKat 4.4.4, rooted

Device: Eee PC 1015PEM
CPU: Intel Atom N550, 1.5 GHz (dual core, x86)
GPU: Intel GMA 3150, 200 MHz (dual core)
RAM: 2GB
Resolution: 1024 x 600
Rom: android-x86-4.3-20130725 Jelly Bean 4.3, rooted