New Comic Book Theme!

[dizmodawg]

@alturis said in New Comic Book Theme!:

comment

What do you mean by comment ?

[Alturis]

@dizmodawg said in New Comic Book Theme!:

What do you mean by comment ?

Wrap it with <!-- -->

So like that entire section of Meta Data:

<!-- Meta Data //-->	
<!-- <!-- ADD THIS *************************************** //-->
	<view name="detailed, video">

		<text name="md_lbl_genre, md_genre, md_lbl_rating, md_lbl_developer, md_developer, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_players, md_players">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</text>

		<text name="md_lbl_rating, md_rating, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_releasedate, md_lbl_genre, md_lbl_developer">
			<pos>1 1</pos>
		</text>

		<datetime name="md_lastplayed, md_releasedate">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</datetime>

		<datetime name="md_lastplayed">
			<pos>1 1</pos>
		</datetime>

		<text name="md_lbl_releasedate">
			<pos>0.513 0.635</pos>
			<size>0 0.033</size>
			<color>000000</color>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</text>
		
		<datetime name="md_releasedate">
			<pos>0.59 0.635</pos>
			<size>0 0.033</size>
		</datetime>

		<text name="md_lbl_genre">
			<pos>0.513 0.66</pos>
			<size>0 0.033</size>
		</text>
		
		<text name="md_genre">
			<pos>0.59 0.668</pos>
			<size>0.16 0.02</size>
		</text>

		<text name="md_lbl_developer">
			<pos>0.513 0.685</pos>
			<size>0 0</size>
		</text>
		
		<text name="md_developer">
			<pos>0.59 0.694</pos>
			<size>0.18 0.02</size>
		</text>

		<text name="md_lbl_players, md_players">
			<pos>0.89 0.635</pos>
			<size>0.09 0</size>
		</text>

		<text name="md_players">
			<pos>0.96 0.635</pos>
			<size>0.02 0</size>
		</text>
		
		<rating name="md_rating">
         <pos>0.87 0.66</pos>
         <size>0 0.038</size>
         <filledPath>./art/star_filled.png</filledPath>
         <unfilledPath>./art/star_empty.png</unfilledPath>
        </rating>
		
		<text name="md_lbl_playcount">
			<pos>0.88 0.685</pos>
			<size>0.0 0.033</size>
		</text>
		
		<text name="md_playcount">
			<pos>0.96 0.685</pos>
			<size>0.02 0</size>
		</text>

		<text name="md_description">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.023</fontSize>
			<size>0.45 0.19</size>
			<pos>0.525 0.746</pos>
		</text>
		
		<image name="md_hidden">
			<pos>0.7 0.942</pos>
			<path>./art/hidden.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>
		
		<image name="md_kidgame">
			<pos>0.75 0.942</pos>
			<path>./art/kid.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>
		
		<image name="md_favorite">
			<pos>0.8 0.942</pos>
			<path>./art/favorite.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>

	</view>
-->  <!-- AND THIS **************************** //-->
<!-- End Meta Data //-->

[dizmodawg]

@alturis said in New Comic Book Theme!:

@dizmodawg said in New Comic Book Theme!:

What do you mean by comment ?

Wrap it with <!-- -->

So like that entire section of Meta Data:

<!-- Meta Data //-->	
<!-- <!-- ADD THIS *************************************** //-->
	<view name="detailed, video">

		<text name="md_lbl_genre, md_genre, md_lbl_rating, md_lbl_developer, md_developer, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_players, md_players">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</text>

		<text name="md_lbl_rating, md_rating, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_releasedate, md_lbl_genre, md_lbl_developer">
			<pos>1 1</pos>
		</text>

		<datetime name="md_lastplayed, md_releasedate">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</datetime>

		<datetime name="md_lastplayed">
			<pos>1 1</pos>
		</datetime>

		<text name="md_lbl_releasedate">
			<pos>0.513 0.635</pos>
			<size>0 0.033</size>
			<color>000000</color>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.02</fontSize>
		</text>
		
		<datetime name="md_releasedate">
			<pos>0.59 0.635</pos>
			<size>0 0.033</size>
		</datetime>

		<text name="md_lbl_genre">
			<pos>0.513 0.66</pos>
			<size>0 0.033</size>
		</text>
		
		<text name="md_genre">
			<pos>0.59 0.668</pos>
			<size>0.16 0.02</size>
		</text>

		<text name="md_lbl_developer">
			<pos>0.513 0.685</pos>
			<size>0 0</size>
		</text>
		
		<text name="md_developer">
			<pos>0.59 0.694</pos>
			<size>0.18 0.02</size>
		</text>

		<text name="md_lbl_players, md_players">
			<pos>0.89 0.635</pos>
			<size>0.09 0</size>
		</text>

		<text name="md_players">
			<pos>0.96 0.635</pos>
			<size>0.02 0</size>
		</text>
		
		<rating name="md_rating">
         <pos>0.87 0.66</pos>
         <size>0 0.038</size>
         <filledPath>./art/star_filled.png</filledPath>
         <unfilledPath>./art/star_empty.png</unfilledPath>
        </rating>
		
		<text name="md_lbl_playcount">
			<pos>0.88 0.685</pos>
			<size>0.0 0.033</size>
		</text>
		
		<text name="md_playcount">
			<pos>0.96 0.685</pos>
			<size>0.02 0</size>
		</text>

		<text name="md_description">
			<color>000000</color>
			<forceUppercase>0</forceUppercase>
			<fontPath>./art/Shaka_Pow.ttf</fontPath>
			<fontSize>0.023</fontSize>
			<size>0.45 0.19</size>
			<pos>0.525 0.746</pos>
		</text>
		
		<image name="md_hidden">
			<pos>0.7 0.942</pos>
			<path>./art/hidden.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>
		
		<image name="md_kidgame">
			<pos>0.75 0.942</pos>
			<path>./art/kid.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>
		
		<image name="md_favorite">
			<pos>0.8 0.942</pos>
			<path>./art/favorite.svg</path>
			<maxSize>0.032 0.032</maxSize>
			<origin>0.5 0.5</origin>
			<color>7d7d7d</color>
		</image>

	</view>
-->  <!-- AND THIS **************************** //-->
<!-- End Meta Data //-->

Sorry i am a noob when it comes to a xml file and editing still don't understand could you edit a xml file and send it to me so there is no metedata?

[Alturis]

Well if you are going to make this how you want you are going to have to open up the comic_book.xml file in a text editor and maybe lookup some basics of what XML is and its format. (https://www.xmlfiles.com/xml/xml-syntax/) Happy to help but I would take some iteration to get the video sized and positioned.

What I am saying is look for the <!-- Meta Data //--> in the xml and add this just after that on a new line: <!--

Then look for <!-- End Meta Data //--> at the end of the file and add this just before it on a blank line: -->

That will "comment out" all of the text between those two points and it will be ignored. You will also want to do the same thing before and after any instance of this as well to not have the image show up.

	<image name="md_image">
		<pos>0.918 0.525</pos>
		<maxSize>0.127 0.17</maxSize>
		<origin>0.5 0.5</origin>
	</image>

Here is a blank right hand side menu.png though:

What are you asking is very custom so you are going to have to customize it yourself. ;)

[dizmodawg]

Video size is fine i just want to remove game metadata ratings but the image size is fine. So i changed the back ground a little bit and this is what it looks like so i want no metedata video size and location is fine.

[Jedi1josh]

I just downloaded this theme last night, it's funny that I see it here today.

[Alturis]

@tmntturtlguy said in New Comic Book Theme!:

in photoshop can you change the height and width of your text?

No, you can't that I have seen. But it doesn't really seem to matter much. The result is close enough that it works fine at normal 150pt for matching the look at a glance.

[dizmodawg]

<!-- Meta Data //-->
<!--
<view name="detailed, video">

	<text name="md_lbl_genre, md_genre, md_lbl_rating, md_lbl_developer, md_developer, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_players, md_players">
		<color>000000</color>
		<forceUppercase>0</forceUppercase>
		<fontPath>./art/Shaka_Pow.ttf</fontPath>
		<fontSize>0.02</fontSize>
	</text>

	<text name="md_lbl_rating, md_rating, md_lbl_publisher, md_publisher, md_lbl_lastplayed, md_lbl_playcount, md_playcount, md_lbl_releasedate, md_lbl_genre, md_lbl_developer">
		<pos>1 1</pos>
	</text>

	<datetime name="md_lastplayed, md_releasedate">
		<color>000000</color>
		<forceUppercase>0</forceUppercase>
		<fontPath>./art/Shaka_Pow.ttf</fontPath>
		<fontSize>0.02</fontSize>
	</datetime>

	<datetime name="md_lastplayed">
		<pos>1 1</pos>
	</datetime>

	<text name="md_lbl_releasedate">
		<pos>0.53 0.635</pos>
		<size>0 0.033</size>
		<color>000000</color>
		<fontPath>./art/Shaka_Pow.ttf</fontPath>
		<fontSize>0.02</fontSize>
	</text>
	
	<datetime name="md_releasedate">
		<pos>0.61 0.635</pos>
		<size>0 0.033</size>
	</datetime>

	<text name="md_lbl_genre">
		<pos>0.53 0.66</pos>
		<size>0 0.033</size>
	</text>
	
	<text name="md_genre">
		<pos>0.61 0.668</pos>
		<size>0.16 0.02</size>
	</text>

	<text name="md_lbl_developer">
		<pos>0.53 0.685</pos>
		<size>0 0</size>
	</text>
	
	<text name="md_developer">
		<pos>0.61 0.694</pos>
		<size>0.18 0.02</size>
	</text>

	<text name="md_lbl_players, md_players">
		<pos>0.89 0.635</pos>
		<size>0.09 0</size>
	</text>

	<text name="md_players">
		<pos>0.96 0.635</pos>
		<size>0.02 0</size>
	</text>
	
	<rating name="md_rating">
     <pos>0.825 0.66</pos>
     <size>0 0.038</size>
     <filledPath>./art/star_filled.png</filledPath>
     <unfilledPath>./art/star_empty.png</unfilledPath>
    </rating>
	
	<text name="md_lbl_playcount">
		<pos>0.83 0.685</pos>
		<size>0.0 0.033</size>
	</text>
	
	<text name="md_playcount">
		<pos>0.96 0.685</pos>
		<size>0.02 0</size>
	</text>

	<text name="md_description">
		<color>000000</color>
		<forceUppercase>0</forceUppercase>
		<fontPath>./art/Shaka_Pow.ttf</fontPath>
		<fontSize>0.023</fontSize>
		<size>0.45 0.19</size>
		<pos>0.53 0.746</pos>
	</text>
	
	<image name="md_hidden">
		<pos>0.86 0.943</pos>
		<path>./art/hidden.svg</path>
		<maxSize>0.032 0.032</maxSize>
		<origin>0.5 0.5</origin>
		<color>7d7d7d</color>
	</image>
	
	<image name="md_kidgame">
		<pos>0.9 0.943</pos>
		<path>./art/kid.svg</path>
		<maxSize>0.032 0.032</maxSize>
		<origin>0.5 0.5</origin>
		<color>7d7d7d</color>
	</image>
	
	<image name="md_favorite">
		<pos>0.96 0.943</pos>
		<path>./art/favorite.svg</path>
		<maxSize>0.032 0.032</maxSize>
		<origin>0.5 0.5</origin>
		<color>7d7d7d</color>
	</image>

</view>

-->
<!-- End Meta Data //-->
And it did not ignore the metadata it moved in the games list

[Red5ive]

Hi guys, love the theme.
Trying to get it to work with video clips on my windows box. I have the latest windows release that jdrassa is putting out here:
https://github.com/jrassa/EmulationStation/releases/tag/continuous

I have made a new folder in .emulationstation and edited my gamelist entry for a test game with the path to the video:
<video>~/.emulationstation/downloaded_videos/amiga/batman.mp4</video>

In emulation station I switched to the video layout B
but the video does not show, I just get the artwork image repeated in the black window.
Am I using the wrong tags or video format or is something else wrong?
Thanks in advance!
S

[mitu]

@red5ive said in New Comic Book Theme!:

Am I using the wrong tags or video format or is something else wrong?

Check the es_log.txt file to see if the video file is found, otherwise check if the file can be played by VLC.

[Red5ive]

@mitu Taking a look at the es_log.txt I realised that I had lots of 'failure to find file' errors because one of the scrapers I had used had re-named some of the roms, so I had two entries in my gameslist for the same game and I had added the video path to the one that does not exist.
Anyway working now!

This may have been asked before but is there a way to have the main image not duplicate itself or use an alternative for when a video is not found for a game, such as use the joypad/joystick graphic for that system as used in the detailed view?

[dizmodawg]

So i have a question, so i am building a arcade only image for my bartop and i don't want any metadata to show, How would i edit the comicbook theme to have no metadata to show? All i want is the videos to show.

[TMNTturtlguy]

@dizmodawg Sorry for not replying, for some reason i am not getting post notifications these days. You can go into the text file for your games and just delete all of the meta data. That will be the easiest.

[Flexserve]

Mind Blown! This looks great! Good job!

[Sano]

@tmntturtlguy
I had the same Issue about posts notifications.
I think a forum update disabled it, you have to re-enable it via your account settings (notify "When a new reply is posted in a topic you are watching ", and be sure you watch "topic you create" and "topics you reply to") .

[BlockABoots]

So if i download the comicbook theme from within Emulation Station it will download the latest release?, the only reason i ask is i have just done this yet im not getting the Loading screens when i load a game for each system??

Also as the built in scrapper only seems to download boxart what method are you guys using to get videos, marquees and 3d box art please?

Also how do you enable music for each of the system menus?

[TMNTturtlguy]

@blockaboots wow, lots of questions here. The download through emulationstation is the current release. Loading screens are a separate download and not part of the theme. The splash/loading screens should be available through rpie-art, or you can see posts and a link to them here: post 785 as far as scraper, there are several methods to do that and tons of posts. Just search the forum and you will find a method that meets your needs. There is no music for the system menus. Music would come from and video snaps that are used for the games.

[retroprogrammer]

@TMNTturtlguy I am not sure if this is the correct place to ask but could you make me custom art for my Bartop arcade? I read from here that you can do it. and if u can how do I print it, do I take it to my local sticker/printing company?

[holy2tack]

I decided to take a stab at this. My first time even attempting graphic design, but I followed the instructions and used the templates. The Zelda logo is a little bigger than i wanted, but I think i have the method down. I can tweak it.

Oh and I made a dirty trick to use the launching images based on the title of a game. You have to edit the runcommand.sh file and add that to where it chooses a launching image.

    # look for custom launching images
    if [[ "$IS_SYS" -eq 1 ]]; then
	# look for name match
        if [[ "$ROM_BN" =~ "Mario" ]]; then 
            images+=("$CONFIGDIR/mario/launching")
    	elif [[ "$ROM_BN" =~ "Sonic" ]]; then
            images+=("$CONFIGDIR/sonic/launching")
        elif [[ "$ROM_BN" =~ "Mega Man" ]]; then
            images+=("$CONFIGDIR/megaman/launching")
        elif [[ "$ROM_BN" =~ "Star Wars" ]]; then
            images+=("$CONFIGDIR/starwars/launching")
        elif [[ "$ROM_BN" =~ "Turtles" ]]; then
            images+=("$CONFIGDIR/TMNT/launching")
        elif [[ "$ROM_BN" =~ "Zelda" ]]; then
	    images+=("$CONFIGDIR/zelda/launching")
        else
            images+=(
                "$HOME/RetroPie/roms/$SYSTEM/images/${ROM_BN}-launching"
                "$CONF_ROOT/launching"
            )
        fi
    fi

EDIT:
Well I felt a lot more comfortable with Photoshop and the process to create logos that fit this theme this morning. So I redid the logo.

[holy2tack]

Just did up some Metroid stuff!

)