Jump to content
thatman84

(Tutorial) 16x9 Theme Conversion For Android

Recommended Posts

(FYI having trouble with upping some screenshots and the new formatting so please excuse the wierd format)

Converting 16x9 Themes for Hyperspin Android

List of theme animation compatibility

https://drive.google.com/folderview?id=1-8Ofa_GrAdnQ22nf7W7QYVeQoKBQxA_-

(I am in NO way competent with artwork resolutions but my method works and looks good to me)

Why...

Because sometimes that theme you really liked just doesn’t display correctly 

The main reason for theme problems is the use of animation and scripting of the .swf assets in the “theme”.zip

(It’s best to replace themes that cause Hyperspin to crash out, but you can try to convert them)

 What’s covered...

       1.      Extract PNG assets from swf files

       2.      Reduce HQ artwork to be compatible with Hyperspin

       3.      Further reduce artwork width to allow for Hyperspin 4x3 -> 16x9 stretching

       4.      Recompile your theme

 

What is Needed:

Update on resizing tool.

      Fotosizer is now advised against because of the compression/quality loss it causes.

pPlease use Photoshop or this program recommended by @IceLancer https://sourceforge.net/projects/easyimagesizer/?source=typ_redirect

A    A  Fotosizer (http://www.fotosizer.com/) batch resize image files

        B.     Flash Decompiler (https://www.free-dec...flash/download/) extract png’s from swf

        C.     Time and Themes

 I have done a little testing for Main Menu themes. This spreadsheet shows what I have tested and its Android compatibility status. The sheet has download section links for all themes I have tried.

 

 

Let’s get to it... 

 

So grab a theme zip you want to play with and Unzip it. Any 16x9 Main Menu, Game or System Default theme will do.

 

 

BakerMan provided me a guide to extracting the PNG’s from SWF but it has since been lost. 

These are the steps

        1.      Open JPEXS once downloaded and installed from link above

        2.      Click on the “Open” tab and browse to the offending .swf file from your unzipped theme

 

     SCREENSHOT

3.     

 

imageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2e

 

imageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2eimageproxy.php?img=&key=e5e9927cec29fe2e

       3.      Right click on “Images” on the left and click “Export Selection”

(At this step you may find multiple images. If these images are only parts of one image, say the arms and legs of a character, you will have to lose that image completely from the theme or replace it with another one)

 

SCREENSHOT2

       4.      Click “ok” to PNG file type then choose a location for the exported images (Default is Desktop. Only export one at a time and  then move the PNG out of the output folder as it overwrites each one if not)

 

 

SCREENSHOT3

       5.      Now browse to that Output location and you will find your PNG’s in an “images” folder.

 

images folder.png

 

You are now ready for phase 2 – Resizing the images

Note, fotosizer does cause a reduction in artwork quality. If your sensitive to this you may want to use another method. (If you know of a better program please comment) I only run a 37' screen and don't mind myself.

(Resizing Artwork is covered comprehensively by Avar in his tutorials found HERE)

  1. Open Fotosizer
  2. Add the Artwork that was converted to PNG
  3. Reduce the images to 68% KEEP MAINTAIN ASPECT RATIO TICKED (this is the best size for the ones I have done) Fotoziser reduce swf image size.png

 

        4.       Move the right side settings bar down and select an Output Folder

 

Fotosizer Output.png

5   Remove that Artwork from Fotosizer

6.   Add the newly resized artwork back into Fotosizer

7.   Reduce the Width to 75% (to allow HS to stretch it back when its loaded)

8.   UNTICK MAINTAIN ASPECT RATIOFotosizer 16x9 convertion.png

 

       9.   Now add this finished art back into the theme folder and zip it up again

       add to theme zip.png

       10.       Name the zip file the same as you have it in the “Main Menu.xml” database

 

Final Thoughts...

 

 

Now when you try this theme out you may find the artwork has slightly changed location. If so adjust the Artwork positions in the theme.xml file within the theme.zip OR load it into Hypertheme and adjust it as required

 

 

Hope this helps someone.

 

 

HS Android Theme Animations.txt

Share this post


Link to post
Share on other sites

Keep in touch. Long term I want to put together converted packs. Talking year project at least though.

Share this post


Link to post
Share on other sites

No problem...happy 2 help if I can....on another note I got a question...how can the atari st be emulated?...is there a way I can look at maybe your main menu database file 2 see what can and can't be emulated .....?....I been talking to badhemi alot recently and I got good news....I got the amstrad cpc core for him just testing the ini file to make it launch from the wheel like any other game automatically . ...as of now there is no option within retroarch . ...any edits have to be made manually

Share this post


Link to post
Share on other sites

@sanchezmike01 that's real cool about Amstrad CPC, if you can drop the how to as a new topic in the forum that will help people out. 

Lol people think I have a lot setup but I don't!! I take so long testing and writing I don't get much time to add systems. I got about 15 now aiming for about 30. I don't have the roms & started everything from scratch about a year ago.

Share this post


Link to post
Share on other sites

thanks very much mate ill have a go when i can get abit of time together may have a go tonight on one. is their a place where we can upload them and to find out whats been done. also how long has it been takeing for you to do one roughly thanks again

 

Share this post


Link to post
Share on other sites

There's not a spot for them but we could put them somewhere. Maybe in the android base pack. Idk there's not been many people to fussed.

once you get the hang of it should only take half hour. Depends if placement on screen is right. Editing the theme xml takes a little while (for me at least anyway

Share this post


Link to post
Share on other sites

Ill have a crack at one and see how i get on dont think it will be tonight tho as im busy also my setup is identical to urs and i see uv fixed quite alot already so is their any u desire i can upload the working themes for now like nds psp ect. the systems on my android now are 

Neogeo,Ps1,Gamegear,Dreamcast,Megadrive,Nds,n64,Snez,Nes,Psp,mame

i can drag my themes from pc to test aswell tho but i have to keep connecting and disconnecting sd card which will be a pain 

 

 

Share this post


Link to post
Share on other sites

Small amounts of swf are allowed...my game and watch uses swf and it displays and moves....now if u have a theme that is heaving on swf such as artwork1 2 3 and 4 then yea it will crash....if u want to do it rapidly my approach is openot the swf in exploerer or a swf file reader and see what it consists of....then u can easy search for png images that are the same and use a photo editor like online free ones or gimp which is a free program to resize the image to a good size then do the theme in almost the same fashion it was by reading the xml in the theme....usually takes a few minutes but u can take more time if u can find a good image....if u find one with a border or white background there's a free android apps that allows u to automatically delete the background to have the transparency 

Share this post


Link to post
Share on other sites
2 hours ago, viper360 said:

Ill have a crack at one and see how i get on dont think it will be tonight tho as im busy also my setup is identical to urs and i see uv fixed quite alot already so is their any u desire i can upload the working themes for now like nds psp ect. the systems on my android now are 

Neogeo,Ps1,Gamegear,Dreamcast,Megadrive,Nds,n64,Snez,Nes,Psp,mame

i can drag my themes from pc to test aswell tho but i have to keep connecting and disconnecting sd card which will be a pain 

 

 

is your shield on your local network. You should be able to browse straight to it from your PC? Ifits new 5.0 firmware ther is an option under settings (maybe storage not near it right now) it alllows it to be visible and gives you a password to use. then in windows explorer just browse to the IP address. Save all the disconnectingScreenshot (97).png

Share this post


Link to post
Share on other sites

Intesting im using tablet with 128gb sd card i tryed to plug it streight in to pc without ejecting sd via cable but takes too long to transfer or even rename files ect so i found it easier to just eject sd card and put that to pc but its a pain ill have to check this out im no wizz on a computer pritty new to be honest havent had a computer for over 10years but im always learning and got a pritty decent set up now lol ill get their my biggest pain is doing 2x hyperspins at once with 2 kids and work its hard ? what does this do exactly is it to just transfer files ect thanks for the info dude

Share this post


Link to post
Share on other sites

I'm not sure about the tablet, its probably different. It just allows you to edit the files on your SD card over the wifi like they are a folder on your PC. I'm running the SHield TV though.

 

I hear you about real life! I hardly used my laptop at home a year ago and now its on LOTS. :0 and I only have 1 kid to control.

Share this post


Link to post
Share on other sites

I'm currently making 3 main menu themes and 3 game themes for pinball apks....the most painful part is either finding images or finding good jpgs and cleaning them up and making the background transparent 

  • Upvote 1

Share this post


Link to post
Share on other sites
47 minutes ago, viper360 said:

All themes finished in my setup thanks for ur tutorial mate if you need help doing any more pal just ask

Sweet, glad I could help

Zip them up and add them to this thread. They wont be to big so worth dropping them incase something starts to build

 

Share this post


Link to post
Share on other sites
41 minutes ago, sanchezmike01 said:

I'm currently making 3 main menu themes and 3 game themes for pinball apks....the most painful part is either finding images or finding good jpgs and cleaning them up and making the background transparent 

nice 1 id like to take a look when uv finished. iv only adjusted the themes so the pictures show up properly. iv been looking at hyperspin redesign theme looks brill that does 

Share this post


Link to post
Share on other sites
34 minutes ago, thatman84 said:

Sweet, glad I could help

Zip them up and add them to this thread. They wont be to big so worth dropping them incase something starts to build

 

Compatible themes for nvidia tablet android just drag and drop and replace ur old ones...

not tested on nvidia tv by all means try but back up ur old ones just incase

Nintendo DS.zip

Nintendo 64.zip

MAME.zip

Nintendo Entertainment System.zip

Sega Dreamcast.zip

 

Sega Genesis.zip

SNK Neo Geo.zip

Sony PlayStation.zip

Sony PSP.zip

Super Nintendo Entertainment System.zip

Share this post


Link to post
Share on other sites
1 hour ago, viper360 said:

All themes finished in my setup thanks for ur tutorial mate if you need help doing any more pal just ask

theres so many themes and ways to customise I still have not decided!!!!!!!!!!!

Cinematic videos, cinematic videos inside normal themes, united mega theme, Aeon Nox theme

The biggest bummer is with the theme sets if you find you want to add a system not included its a bitch to make it look ok. Unless your a Photoshop wiz

Share this post


Link to post
Share on other sites

lol v only been doing it a few hrs im no wizz aha i will have a crack at awt tho if i get a spear hour. 

had to delete game gear as i needed to edit the video it did not fit correctly

Share this post


Link to post
Share on other sites

Hyperspin_20170207_231717.png

 

I really like the background animation on this but the artworks a bit small and off, I cant remember the theme I have for it as not added NDS yet as waiting on some final roms before adding it in.

 

This Dreamcast one is better than the one I have I'm going to stick with this one

Hyperspin_20170207_231744.png

  • Upvote 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Wandurlust
      Hi all, It seems retroarch (at least on android) has removed their Mupen64plus core and replaced it with Mupen64plus-next. My hyperspin (Nvidia shield) won't launch N64 games anymore because it's trying to launch a core that no longer exist. I have tried editing my "Nintendo 64.ini" file with multiple variations to get the new core to launch, but I cannot get it to work. Anyone know the new core parameters off hand? I've searched quite a bit and am coming up empty.  Just to clarify I'm looking for the "Parameters =" line under the exe= that determines which core retro arch will use. I have confirmed manually loading the "Mupen64Plus-Next" core works with content. I just can't seem to get the command line correct to have it launch from hyperspin. Any help is appreciated thanks! I have already switched to it launching "Mupen64 FZ" in the meantime, but I prefer the launch coming from retroarch because FZ resumes mid-game where you left off when starting from hyperspin, and I prefer the WOW factor of games loading from the title screen.
    • By Honosuseri
      I realise there is already a thread for the Commodore Amiga in the Android section. I should know, as of late I've essentially taken it over! It's one of the most viewed threads in the Android section, so clearly many of you adore the Amiga as much as I do. 
      That thread has become quite long and it's quite confusing with people choosing to emulate the Amiga in different ways. I decided it would be best to start my own thread, streamlining it to show the best way to get this done. As I do have a "proof of concept" setup working! 
      This project I've taken on is a mammoth undertaking, as the Amiga is quite a complicated system to do. I'll try to explain why and how I've decided to proceed, keeping you guys up to speed with my progress here. 
      The first real issue is the naming that Hyperspin has been using for some time now. It's based from the Whdload zip file names, which was a logical choice BUT the problem is these zip names keep changing over time as they get updated. This throws the database entries and all media assets out of whack. It's my belief that this naming is what is really holding us back doing the Amiga justice.
      Second problem for us Android users anyway, is that we can't use the zip files directly with an emulator. They needed to be extracted out and we used a bootloader to patch the files for the emulator and launch the games. All seemed well and good until I started testing games and found many wouldn't work. Very confusing as the same game files worked fine from a workbench environment I'd set up, with it's own bootloader I added in. I suspected it was the "ultimate amiga" bootloader for the Hyperspin wheel at fault, which proved to be correct. 
      So the best way to launch these Amiga games from the Hyperspin wheel, is to actually use HDF versions of the games. This removes the need for the bootloader. I decided to keep the game folders extracted from the whdload zip files. Continuing to use these with the workbench (Amiga's OS) hdf I created. Having this is a nice nostalgic nod, I'm sure genuine Amiga fans will appreciate. 
      Unfortunately we can't just point the emulator to these hdf files, it's not that simple. Each game requires a config file that points to where the particular hdf game file is, what kick-start (i.e Bios) to use, video settings, control bindings etc. These files are known as uae files, as that is the extension we tell Hyperspin to look for. We trick it into thinking these uae's are the actual "game Roms".
      Sadly uae files aren't universal between emulators. So choosing the right emulator to begin with is important. Many people had chosen to use RetroArch. Which can't do the CD32, so I'll strike it off for that reason alone (although there are other reasons). I spent a long time waiting on Amiberry to be ported to Android but the devs haven't delivered. I'm not waiting any longer, so I'm continuing to proceed with Uae4arm. 
      As I write this, the latest version of Uae4arm crashes on Android TV (i.e Shield TV) but does run fine on Android phones. The devs are aware and trying to resolve this. There is an older apk version we can install for now, which does work. Another slight annoyance is that Uae4arm is quite fussy about how the uae files are named. They can NOT have special characters in them (e.g a space) or the emulator won't launch them!
      My next complaint was that Hyperspin has "rules" about what games should be included in the xml database file. I do NOT agree with these "guidelines". I want a definitive collection of Amiga games. 
      I've decided to branch the Amiga out into different wheels, ECS, AGA and CD32. As an analogy think of Sega's Megadrive and it's hardware addons. Megadrive=ECS, Sega32X=AGA (better graphics chipset on later Amigas) and finally the MegaCD=CD32 (better audio track and FMV).
      There is a "HDF game set" floating around. However... I got to know the creator, from doing videos on my proof of concept setup. I've persuaded him to rename the files to something more sensible, that should help other frontends scrape for metadata and artwork. These names will not change over time as he updates the collection. He does release notes, so this info can be used to keep the xml database file up to date. Currently he's overhauling the hdf files so they take up less storage and even adding cheat and trainer options to the loading splash screen....very cool stuff!
      I'm working on creating missing artwork (wheel, 3D box, diskette and video snaps), keeping busy until this new hdf collection is complete. Then I can start creating the uae files needed. This will be laborious, as Uae4arm doesn't do cycle exact emulation. I need to make sure each game is configured correctly to run at the proper speed, I'll also bind commonly needed keyboard keys to the gamepad on a per game basis.
      If you're confused, that's OK! It should all make sense, once I get around to uploading some more videos. Yes I will make my assets available to you all (minus the games obviously due to Hyperspin rules), once I'm happy with the collection.

      ***UAE4ARM BETA APK LINK***

      https://mega.nz/#!TYMQQKob!9pzwooQbkxVd-__mwmqtFWNF9JSR7D7rEgY8tqu31Vg
       
    • By Honosuseri
      Retroarch (Google Play) has updated itself to the latest version 1.7.8 and it seems to have broken compatibility with Hyperspin 😕

      Having done some quick reading (https://www.libretro.com/index.php/retroarch-1-7-8-important-changes-for-people-using-the-google-play-build/) it seems under the "infinite wisdom" of Google. They're forced to build in both 32 and 64bit support for the app, so the device (Shield TV) will default to using the 64bit version as it is a 64bit device. I'm not entirely sure what's gone wrong as I haven't had time to delve further into it, although I know ZeroJay did a modded Hyperspin apk for 64bit support (that doesn't work either). Just wanted to warn users so they don't update and have any aggro.

      You can still side load 32bit versions of Retroarch, I'll do that later and test. I'm actually quite excited about some of the features that have now come in the latest version.

      ***EDIT***

      The retroarch_ra32.apk (v1.7.8) changes the path (typical). So it's now "exe=com.retroarch32/com.retroarch.browser.retroactivity.RetroActivityFuture". Hyperspin doesn't like this and it misbehaves as it did trying to load the original 64bit Google play version, which is why ZeroJay did the modified Hyperspin apk.
       
    • By thatman84
      Please note my knowledge of this system does not run deep but everything here works and plays fine.
      What is it?
      Capcom Play System III or CPS-3 is an arcade system board that was first used by Capcom in 1996 with the arcade game Red Earth. It was the second successor to the CP System arcade hardware, following the CP System II. It would be the last proprietary system board Capcom would produce before moving on to the Dreamcast-based Naomi platform.
      How to emulate in Android (Shield TV)
      Quick and simple way is with the FBA core of RetroArch and matching FBA romset.
      At time of writing current versions are:-
      Core:- FB Alpha v0.2.97.42 (commit 6b7a701)
      FBA:- 0.2.97.42 (9 July 2017)
      Other options are MAME core in RetroArch or MAME4Droid reloaded (0.139mame romset). I believe the CHD files are needed for some games and with MAME4Droid, at least,  I had to "install" the game when it 1st launched in the emulator. That process took about 20-30mins and not all worked. Redearth was one I tested and "installed".
      Games
      JoJo no Kimyouna Bouken: Miraie no Isan (Japan 990913) = (jojoba.zip)
      JoJo's Venture (USA 990108) = (jojo.zip)
      Red Earth (Euro 961121) = (redearth.zip)
      Street Fighter III 2nd Impact: Giant Attack (USA 970930) = (sfiii2.zip)
      Street Fighter III 3rd Strike: Fight for the Future (EUR 990608) = (sfiii3.zip)
      Street Fighter III: New Generation (USA 970204) = (sfiii.zip)
       
      Note:-
      I replaced this entry in the official database with the european version as I could not get it to launch in FBA.
      Street Fighter III 3rd Strike: Fight for the Future (USA 990608) = (sfiii3u.zip)
      EDIT:- USA version is working with RetroArch core version 0.2.97.44. Make sure you have the correct RomSet version
      Setup Steps...
      1.  Open RetroArch and download the Arcade (FA Alpha) core.
                                     Main Menu -> Online Updater -> Core Updater

      1a. Transfer your games to your prefered location (You only need the six zip files listed in the database and above)

      2. Add the "Capcom Play System III" system to your Hyperspin setup with HyperHQ on a PC and transfer the files/folder to your device or by manually creating all the relevent folders to your device. (Download at bottom of guide)
      3. Add Capcom Play SYstem III to your Main Menu.xml or Main Menu_Android.xml
      4. Add these lines to your Capcom Play System III.ini file found in Hyperspin/Settings/ or Hyperspin/Settings_Android/
      exe=com.retroarch/com.retroarch.browser.retroactivity.RetroActivityFuture
      romextension=zip
      parameters=cores/fbalpha_libretro_android.so
       
      PLAY SOME STREET FIGHTER .......................
       
      Extra Notes:-
      Under the FB Alpha "Quick Menu -> Options" you can select between different regions. Choosing a different region will give you the different loading screens along with other things I'm not sure about.
      Street Fighter III 3rd Strike (Default)Euro

      Street Fighter III 3rd Strike (USA)

       
      ANDROID MEDIA PACK AND DATABASE (Get your videos from emumovies.com)
      Hyperspin-CPS3Android.zip
       
       
×
×
  • Create New...