New Comic Book Theme!

Zenjiro

I finally got my Raspberry Pi 2 up and running and tested out the newer collections/systems that I have added. While they worked fine on the Windows version of EmulationStation, it seemed to struggle on the Raspberry Pi 2 and 3.

Therefore I have went through and converted all the newer comic backgrounds from 1080p backgrounds to 720p backgrounds. As well as optimized several PNG image files. Optimizing the PNGs has drastically dropped the size of the repo from around, 243MB to 143MB.

I still have other ideas for optimizing the sound files to get the size even smaller.

I am still tinkering with the upscaled version and I hope to get it to play nice with the RP2 and 3. Worse comes to worse I might just create a branch or second repo for those who want the best looking version of this theme.

Zenjiro

Just a small update,

I plan on releasing my next version (v3.2) when the next version of retropie is released. Right now I am hoping that better sound file support is added, as raw WAV files use up more space than say OGG or MP3 files.

With the release of version 3.2, a total of over 45 new themes would have been added since the v2.6 release.

Here is a few more samples of what will be in v3.2:

MrJordaaany

Amazing work man. Are these all "collection" themes to use with RetroPie?

Zenjiro

@MrJordaaany They (the themes themselves) can work on RetroPie (Raspberry Pi).

Some of the games, series, and consoles may only be usable on Windows or Linux Desktop.

A good example is the PS3 only has a good emulator (RPCS3) that will work on a desktop. The Pi is not powerful enough.
I use fabricecaruso or jrassa's EmulationStation for Windows.

Pi2go

@TMNTturtlguy said in New Comic Book Theme!:
...

I am trying to figure out how to do this (although rather than a video I would prefer a screenshot). When using Skyscraper it seems like the wrong items go in the wrong spaces, if they appear at all. Could someone please explain how or where md_image, md_marquee, and md_video are defined. Is it in the theme, or somewhere else? I know about the /home/pi/.skyscraper/artwork.xml file but I am not sure it is correct, and in any case it uses tags like "cover", "screenshot", "wheel", and "marquee" but that is in the scraper configuration, not RetroPie's, and obviously those aren't the same as md_image, md_marquee, and md_video.

Here is some info about my system:

Pi is 3B+
Power Supply is CanaKit 2.5 amp
RetroPie Version is 4.5.1
Built From: Pre made SD Image on RetroPie website
USB Devices Connected: USB keyboard
Controller Used: Amazon Fire Bluetooth Controller

The artwork.xml file I am currently using with Skyscraper is:

<?xml version="1.0" encoding="UTF-8"?>
<!-- This example simply exports the raw unedited versions of each artwork type coming directly from the scraping source -->
<artwork>
  <output type="cover"/>
  <output type="screenshot"/>
  <output type="wheel"/>
  <output type="marquee"/>
</artwork>

I understand that skyscraper doesn't always scrape all the items but even when it does the display is wrong.

Zenjiro

@Pi2go For me I use SkraperUI to generate my gamelist xml files, and it keeps everything in a nice single folder for each system it scrapes. (eg. ~\roms\nes\media\images and ~\roms\nes\media\videos).

I believe md_image, md_marquee, and md_video are defined in the comic_book.xml file. If not there then the theme.xml file.

Here is a basic entry in one of my gamelist.xml files:

Edit: Also looking at your screenshot, it seems that you are combining all your images together (3DboxArt, Screenshot, Logo) and it is getting placed into the "Box Art" Spot.

I suggest using only 2D Box art for this theme, and not using the combined 4-5 Combined Images.

Pi2go

@Zenjiro said in New Comic Book Theme!:

@Pi2go For me I use SkraperUI to generate my gamelist xml files, and it keeps everything in a nice single folder for each system it scrapes. (eg. ~\roms\nes\media\images and ~\roms\nes\media\videos).

I believe md_image, md_marquee, and md_video are defined in the comic_book.xml file. If not there then the theme.xml file.

If they are I am lost as to where.

Here is a basic entry in one of my gamelist.xml files:

It looks like you are only using two things, an image and a video. What I want are the three things shown in that screen shot, which by the way is not from my setup, it's from a previous post in this thread. It is what I am trying to achieve - the game logo at the top, the boxart in the small area at the side, and the game preview in the big box area (but a still image, not a video).

Edit: Also looking at your screenshot, it seems that you are combining all your images together (3DboxArt, Screenshot, Logo) and it is getting placed into the "Box Art" Spot.

Actually that's NOT what I want, I didn't notice that. I only want the boxart there.

I suggest using only 2D Box art for this theme, and not using the combined 4-5 Combined Images.

That is what I want yes. I don't care for the combined view at all.

Zenjiro

@Pi2go I think you need to use TMNTurtlguy's Special Edition to achieve that: https://github.com/TMNTturtleguy/es-theme-ComicBook_SE-Wheelart

This one should support Marquee and Wheel Art. If you want to combine the images like in the screenshot that has to do with the scrapper you are using, and I know that SkraperUI can achieve the desired results.

My version of this theme does not support Wheel Art or Marquee (yet).

salor10

@Zenjiro What is the font and texture that you use for logo?

Zenjiro

@salor10 I use the regular "Shaka Pow" font, not the "Upright Shaka Pow" and I use the same Dot-Matrix image that TMNTturtlguy provided for the "texture" that goes over the letters.

I have a tutorial document I am willing to share so that others can duplicate and practice how I create them. As I do more and more of these I have found some shortcuts and quicker ways of performing tasks as well as getting them to look more like what TMNTturtlguy has.

As for the "texture" for the comic backdrop images I use GIMP's Newsprint Distort with screen intensity, cell size 6, oversampling 5 and angle at 15.

salor10

@Zenjiro said in New Comic Book Theme!:

"Shaka Pow" font, not the "Upright Shaka Pow"

Thanks a lot.

salor10

@Zenjiro Manual was great. can you share it?

WeirdH

@Pi2go said in New Comic Book Theme!:

Could someone please explain how or where md_image, md_marquee, and md_video are defined.

They're defined in theme.xml, which can be found in /opt/retropie/configs/all/emulationstation/themes and then the appropriate folder for your theme.

It is what I am trying to achieve - the game logo at the top, the boxart in the small area at the side, and the game preview in the big box area (but a still image, not a video).

I'm not very well versed in theme.xml files, but have dabbled with some success.

Most of the themes that show a game logo above the video preview seem to use <marquee> for it. Point your gamelist.xml to a file in that tag (for each game) and they should show up. Personally, I don't scrape those in large quantities, but add them manually (don't have a huge gamelist, just a cherry picked selection). There are multiple sources for good quality png's for logos, like Emumovies.

There is also a 'logo' tag in my theme.xml, but I believe that's used for system logos, not games.

If you want to change the behaviour for the video preview / still image, you have to make some changes in theme.xml. Mine has a tag like this:

<feature supported="video">
	<view name="video">
		<video name="md_video">
			<origin>0.5 0.5</origin>
			<pos>0.7068 0.3385</pos>
			<maxSize>0.29 0.292</maxSize>
			<delay>0.2</delay>
			<default>./_dades/video/static.mp4</default>
			<showSnapshotNoVideo>false</showSnapshotNoVideo>
			<showSnapshotDelay>false</showSnapshotDelay>
		</video>
	</view>
</feature>

It's probably obvious what you would need to edit there to get what you're looking for, although I'm not sure if these options are used in all themes.

Zenjiro

@salor10 Here is the work-in-progress tutorial PDF. I know it is very amateur-ish but hopefully it helps.

salor10

@Zenjiro It will be geat job, really, amateur but great. Good luck.

Striderx99

Has a background/logo/menu of games been created for the 3DS, as well as the Naomi and Atomiswave arcade systems? I really love this theme, along with Tronkyfan's and the SNES Mini, to name a few. Please keep up the great work here guys!

Zenjiro

@Striderx99 Yes I have a 3DS and Naomi theme queued up to be pushed to my repo. As well as several others. Progress is slow, and I am waiting for the next major release of RetroPie. I hope it supports ogg or mp3 playback for theme sounds. Right now it only supports wav files and they take up a bunch of space.

EmulationStation Developer fabricecaruso has recently added some new auto-themes, arcade being one, which I am also in the works for making sure this theme supports them.

I also want to add support for marquee, and wheel art. Just be aware that I am only supporting the 16:9 version of this theme. I don't have the resources, or time to maintain both. But if anyone wants to collaborate and take on the 4:3 I am willing to help.

Here are all the current themes that will be added with the next release (more will likely be added):

Fixed the Following:
- Renamed chrashbandicoot to crashbandicoot

Changed the Following:
- PC is now MSDOS

Added Systems:
- C64-Classic
- Capcom-Classic
- Famicom-Classic
- Famicom-Shonen
- Mega CD
- Mega Drive-Japan
- Naomi
- Neo-Geo CD
- NES-Classic
- Nintendo 3DS
- Nintendo 64DD
- PC
- PlayStation-Classic
- Pokemon Mini
- SFC-Classic
- SNES-Classic-US
- SNES-Classic-EU

Added Themes:
- Advance Wars
- Blizzard
- Darkstalkers
- Diablo
- Dragon Quest
- Halo
- JRPG
- Kingdom Hearts
- Konami
- Shining Force
- Starcraft
- Starfox
- Star Ocean
- Star Trek
- Street Fighter
- Warcraft
- Wario
- Witcher
- Yoshi

Striderx99

Thank you for the response. I created a few of these icons (including one for Wii and the WiiU) this past weekend. They don't include the transparency. I used either a white or black background along with some .png images for each console that I found. I know they a bit different from the others, but for now it works. As for the developers and the year of production on the bottom of the icons, I just cut and pasted from a few of the samples that are already available. When the ones you mentioned become available, I'm sure they will far surpass what I created. I'll just update the theme when the time comes. Thank you for putting effort on this project.

Zenjiro

If anyone has any recommendations for systems or themes, that are not currently added feel free to open a ticket on
Github: https://github.com/Zenjir0/es-theme-ComicBook/issues

Also feel free to request:

Games, or Screenshots, of what you would like to see in the comic background for said system/collection
Color scheme of the system/collection image
Launch Sound for when you start a game

If you can provide the images (with source) and/or the audio file(s) it will also help out.

If you find any issues while running the theme such as graphical glitches or clipping of the drop shadow let me know.

Zenjiro

Wanted to share this cool bit of inspiration that hit me. While I was creating the custom theme for the .Hack series I decided to change it up a bit and use a cyber/circuit board pattern for the system image:

And while I was finishing it I thought it would be cool to add a "glitch" effect to it:

I think it came out nicely.