[Theme] Art Book

cnoto

@anderocha im away from my computer right now, but can hop on in a bit to give some more detailed advice.

From a high level, you can take the size and position data from the video related code you shares and create an entry in the “detailed” section of the code to add an entry for the screenshot.

cnoto

@anderocha To add more color, add the following code to the detailed section (under <view name="detailed">) in the theme.xml file.

Then go to the main menu in emulation station (by pressing start) and choose UI Settings, then Gamelist View Style and choose detailed.

anderocha

@cnoto I have these 3 options:

cnoto

@anderocha

I removed the video from my detailed, video section as I knew I wouldn’t use the video, but you can leave it as is. This just means the code below will apply to both. In short, add the text I included in the last post in the detailed, video section.

anderocha

@cnoto in my current theme.xml I have these lines:

in this case, to use the image instead of the video, do I substitute these lines that you informed me about?

cnoto

@anderocha What do you see when you follow these instructions?

Then go to the main menu in emulation station (by pressing start) and choose UI Settings, then Gamelist View Style and choose detailed.

cnoto

@anderocha If this code exists already in the detailed section, you should be able to display a screenshot from the detailed view (enabled by the instructions in the last post).

Provided that you have a screenshot for each game in the screenshot folder and the correct pathway to that image in the game list.

cnoto

@anderocha I guess I should ask, what folders are you using to store your screenshot artwork and cover artwork?

anderocha

@cnoto The adjustment on mine for DETAILED I already did.

In the games folder I have the folders below:

media \ images
media \ screenshot

Here is a model of the gamelist:

<game id = "152600" source = "ScreenScraper.fr">
<path> ./Alex Kidd 3 - Curse In Miracle World.zip </path>
<name> ALEX KIDD 3- CURSE IN MIRACLE WORLD </name>
<desc> A DARK SPELL TRANSFORMED THE NEIGHBORHOOD REGION OF RADAXIAN INTO A BALDIO LAND. THE GREEN HANANOTANI VALLEY IS NOW FILLED WITH THOUSANDS OF DANGERS, AGGRESSIVE MONSTERS AND DESERT VILLAGES. AFTER THE DEFEAT OF TYRANE JANKEN THE GREAT, MEMBERS OF HIS GANG HAVE COME TO AVOID HIM, AND THEY DECIDED TO REDUCE THE ENTIRE MIRACLE WORLD TO SLAVERY.
DISCOVER NEW LANDSCAPES, ADVANCE IN MOTOR VEHICLES, RUN THROUGH DANGEROUS MAZE MASTERS! HELP ALEX KIDD OVERCOME THIS TERRIBLE THREAT, DISCOVER WHO REALLY IS BEHIND ALL OF THIS AND BREAK THE SPELL ONCE FOR ALL. </desc>
<releasedate> 20160101T000000 </releasedate>
<developer> Yeti </developer>
<publisher> Yeti </publisher>
<genre> PLATFORM-ACTION </genre>
<players> 1 </players>
<image> ./media/images/Alex Kidd 3 - Curse In Miracle World.png </image>
<thumbnail> ./media/screenshot/Alex Kidd 3 - Curse In Miracle World.png </thumbnail>
<genreid> 257 </genreid>
</game>

anderocha

@cnoto alt text

cnoto

@anderocha What happens when you change the code we described above from md_image to md_thumbnail ?

anderocha

alt text

I'm doing some experiments here ...
just can't get down the game quantity line.

someone help me?

anderocha

@anderocha

I managed to add the lines below:

     <text name="systemInfo">
		<origin>0.5 0.5</origin>
        <pos>0.5 0.85</pos>
        <backgroundColor>14141400</backgroundColor>
        <color>666666</color>
        <fontPath>./_inc/fonts/Cabin-Bold.ttf</fontPath>
        <fontSize>0.0222222222222222</fontSize>
     </text>

As soon as I finish I bring more details.

cnoto

@anderocha Are you trying to show just one system at a time?

If so try adding the following line to the carousel section:

This is how it looks for me in another theme I am working on:

<carousel name="systemcarousel">
<type>vertical</type>
<pos>0.0 0.02</pos>
<logoAlignment>center</logoAlignment>
<size>1 0.9</size>
<logoScale>1.4</logoScale>
<zIndex>2</zIndex>
<logoSize>0.4 0.35</logoSize>
<color>00000000</color>
<maxLogoCount>1</maxLogoCount>
</carousel>

cnoto

@anderocha O.K. I think I better understand your question. I think the origin line is messing you up. What if you remove that?

wulang

Hello, I've download the file and I like it very much! Awesome work! But I have a small question. Can I change the backgrounds of "System View" and "Basic View" by myself? Change the code? or change some files? Thank you!

Colstar

@hurricanefan Nice work! 👍

wulang

@wulang said in [Theme] Art Book:

Hello, I've download the file and I like it very much! Awesome work! But I have a small question. Can I change the backgrounds of "System View" and "Basic View" by myself? Change the code? or change some files? Thank you!

I've already solved the question and added something by my own. Thank you again for you awesome work! I like it soooooo much!

superrune

Hi! The Art Book theme was installed through 351ELEC on my RG351v. I like how elegant and minimal it is. But I wish there was a way of browsing the games list with larger game art. Batocera can be configured with a game browsing screen that looks like this, and it works great for handheld devices:

small video clip here

Have someone considered adding a screen like this to this theme? It's using a still and video as background with the game logo on top. There's a very small bar of game info on the right. It really brings the game up front, and is especially great when kids use the device.

Cheers!

yamanobe

Thanks for providing a great theme!

I just need you to tell me one thing.
I'm wondering about <showSnapshotNoVideo>false</showSnapshotNoVideo> on line 255 of theme.xml.
I think if I change this to "true" it shows the snapshot instead of the mp4 video, but if I change it to true it doesn't show up.
If I change <showSnapshotDelay>false</showSnapshotDelay> in line 256 to "true" and change <delay>0</delay> in line 253 to 5, the snapshot is shown for 5 seconds and then the video is shown, so the snapshot image is there.

What I want to do is to display the snapshop instead of static.mp4 for games that don't have video.

Can someone please tell me how to do this?