Announcing Pegasus Frontend

Darksavior

@nemo93 Good idea, thanks. I'll give it a try. Yea, I separated snes and sfc for that very reason. I also separated the capcom and neogeo games for their unique button layouts.
Update: tried that site, and it doesn't resize. It adds a white background to fill the areas. Yuck. I'll look for a real resizer.

nemo93

@Darksavior: you can tell Bulk not to add any padding (white background). Drop your images, then click on "Expert Mode" and "Exact dimensions". I assume you need JPG as format hence select it from the drop-down list. Above you can enter the dimensions of your chosing and just below you must uncheck the box "Use padding to avoid stretching or squashing images." True that depending on the dimensions you chose resulting mages could be stretched. Again Bulk is the quickest and easiest solution I've found. There might be plenty of other solutions.

Darksavior

@nemo93 I was quick to dismiss it, thanks again. Now it works.
I tried photoshop but the automated process will keep the aspect ratio so it won't resize them all exact.

AndersHP

@Darksavior How did you scrape the marquees, with Universal XML Scraper?
And does it look good in the standard theme, or are you modding it to fit?

Darksavior

@AndersHP Manually, unfortunately. Im modding it to what fluffypillow said about the columns + my experimentation. The default shows too many games and it'll be a bit slow.
I downloaded a high res mame marquee pack but most of my games aren't in it. For those, I visit launchbox's website and use whatever they have. You can try that scraper but I always had trouble using it. It will miss the same ones I needed to dl manually and will be very low res too. The missing marquees just don't exist in the community.

That resizing website lowered the quality too much and it raised the filesizes too so I'm resizing manually too. Pegasus seems to handle ~1200x400 high res marquees just fine as long as it's ~18 per page. ES struggles 1 at a time but I only use that to setup my pads or to scrape metadata.

Right now I'm stuck in figuring out how to move the name text to the upper right and removing game summary, but that might require an extensive theme tutorial and I don't wanna bother fluffy with it. I only need to read the japanese games I have.

fluffypillow

Sorry for the late replies, this week got unexpectedly busy to the point I barely had time to work on anything. Hopefully thigs will slow down a bit the next days!

@nemo93

question: any chance to define somewhere the video has to loop just 2 or 3 times max (or even better to have an option in the settings)?

Yes, you can do that by adding a loops: <count> field to Video, and setting playbackMode to Playlist.Sequential. Also thanks for the link, interesting!

this will crash Pegasus. In fact it doesn't crash yet it get stuck as it endlessly tries to read the non-existing file. Any way to prevent this?

That sounds like a bug! Indeed it's not yet checked whether the file actually exists, as in theory that shouldn't caouse troubles. Might be a bug in the multimedia handling/Qt.

A "Restart" option in the Quit menu would be awesome. To reboot PI for any single change is a bit tiresome :)

Yup, I'd like to add a reload function, it's a pain during testing too :)

I'd love to simply add the release date in the current format (YYYY-MM-DD) or even better in the format I'd like (dd mmm yyyy). How to achieve that please (if possible)?

You are right, that year code is incorrect (there used to be a year field but that's now called releaseYear), and I've just fixed it (thanks!). The game fields one can use in the code are documented here; the release field is pretty much a JavaScript Date object, and there are fields for Y/M/D for convenience. To format the date, you can look for how to format JS Dates, or alternatively you can also use Qt.formatDate with a format string.

By default video doesn't fill the whole "rectangle" they have been assigned to.

It's supposed to be a TV-ish rectangle, ideally it should match the video's height to avoid letterboxing, but it tends to fail at the moment. I agree the design it's not too shmup friendly :) Not sure if that can be "fixed", I suppose they'd look a bit too small on their own.

@Darksavior

Yeah I should really update that themeing documentation :)

It is a bit smoother with ~18 (+3 barely shown) games shown compared to the ~30 before. I'm wondering, what part of the game art is causing the slowdown? The resolution size? Filesize? Logo/screenshot art?

None of them should be a real bottleneck, but if I'd have to guess, probably the Pi being low on VRAM. If there are many images to show but there's not enough memory, the images have to be swapped more often thus have to be load and processed again. I think this would cause a continuous-kind of slowdown during eg. navigation. A related issue would be a slowdown caused by reading/processing files being slow, which I think would cause short-spikes-kind of slowdown. At least, that's what my ideas are.

Also it shouldn't be necessary to resize the images, Pegasus should downscale them automatically. I'd be interested if someone can benchmark it otherwise though.

Right now I'm stuck in figuring out how to move the name text to the upper right and removing game summary

There should be a Text item somewhere in GameGridItem.qml, you could remove its visible and anchors.centerIn lines then set anchors.top: parent.top and anchors.right: parent.right.

Darksavior

@fluffypillow That just reveals the game names on each box. I wanted something like this. I would then need to move the game art a bit further down if possible as well so it won't cover the text. But as I said, no worries. I can deal without any text at all since it requires little effort to figure that out.

fluffypillow

@Darksavior Ah I see, you could do that by adding a Text element to GameGrid.qml (or copy it from GameGridItem), set its text field to currentGame.title and modify the properties mentioned earlier. To make it fit well, you could also modify the topMargin value of GridView so the rows start below the text.

AndersHP

@fluffypillow
I edited PanelRight.qml and added the volume: 0.5 at line 155 (I tabbed the line a couple times, see link.

I also edited PlatformCard.qml and edited the color at line 30, see link.

I copied the theme into /opt/retropie/configs/all/pegasus-fe/themes/grid-blue-volume

I can see two "Pegasus Grid" themes in the Settings menu (apart from the built-in) but nomatter which I choose, it says Theme loading failed :(

The Lastrun log is uploaded here

...after editing the qml files in TextWrangler, do I have to save them in a different way or...?

fluffypillow

@AndersHP hm, your changes seem to be correct though... does it produce the same error if you try to open the theme on desktop? I wonder if it's something path-related (ie. the symlinked config dirs on RetroPie).

AndersHP

@fluffypillow
Uh, I only have this running on my Pi. But I noticed the icons on Mac finder changed from exec type file to documents. The files are saved as Linux type files. Is this wrong..?

AndersHP

I was running an older version of Pegasus, this was the issue. My altered theme now works.
I can see that Pegasus now sorts games after their name instead of filename. My Dummy roms (filenames started with 0) are now placed down the order. I guess I'll have to move these up some other way.

Darksavior

@fluffypillow Took me a while to figure out your instructions but I can't figure out the topMargin value. I tried to google instructions on qml values but this is all just beyond me to properly grasp. No matter what I change, it will hide the text when scrolling.

I decided to spend all night doing trial and errors on Gamepreview.qml and PanelRight.qml instead. This doesn't hide the text when scrolling. I just need to figure out how to move the text higher to center or further upper right and rectangle moved with it or gone..

fluffypillow

@Darksavior I've made a thingy like this:

Here's how to:

In GameGrid.qml change import QtQuick 2.3 to import QtQuick 2.9 at the top
Still in GameGrid.qml, add the following element at the bottom of the file (ie. right before the very last }):

    Text {
        // position the text at the top right corner of its parent
        anchors.top: parent.top
        anchors.right: parent.right

        // displayed text, color and alignment
        text: currentGame.title
        horizontalAlignment: Text.AlignRight
        color: "#fff"
        
        // font settings
        font.pixelSize: vpx(22)
        font.family: globalFonts.sans
        font.bold: true

        // some padding to make in pretty
        padding: vpx(8)
        leftPadding: vpx(16)
        rightPadding: leftPadding

        // transparent black backround behind the text
        Rectangle {
            anchors.fill: parent
            color: "#000"
            opacity: 0.75
            z: -1
        }
    }

In the end it looked fine like this to me, but you can play with positioning the box (anchors.margins: <some number> or anchors.topMargin to just vertically), or with padding and font size to make the box/text bigger.

Yeah, I know, I should really update that theme documentation :)

Darksavior

@fluffypillow Thank you for taking the time. Time to spend another day implementing this :D
Update: Ok got it running with no problems. It's glorious. I'll test out different font sizes but the positioning is good. I don't have the skills to create something like the official Switch nes menu, but this is just as good.

nemo93

Thank you also @fluffypillow ! In case some folks are interested here are the changes I've made based on @fluffypillow's feedback to include:

a video loop after which playback stops (very good to prevent Pi from overheating/crashing after a while).
Edit file PanelRight.qml under layer_gameinfo.

Video {
            id: videoPreview
            visible: playlist.itemCount > 0
			loops: 2
			
            anchors { fill: parent; margins: 1 }
            fillMode: VideoOutput.PreserveAspectFit
            // fillMode: VideoOutput.Stretch
			
			playlist: Playlist {
                // playbackMode: Playlist.Loop
				playbackMode: Playlist.Sequential
            }
        }

Metadata for date, players, genre, dev/publisher.
Edit file PanelRight.qml under layer_gameinfo.

text: {
            var text_tmp = "";

            if (!game)
                return text_tmp;

            if (game.releaseYear  > 0) {
				//text_tmp += game.releaseYear ;
				if (game.releaseMonth == "5")
					var dateTime = Qt.formatDate(game.release, "d MMM yyyy");
				else
					var dateTime = Qt.formatDate(game.release, "d MMM. yyyy");
				text_tmp += dateTime ;
			}	
            if (game.developer) {
                if (text_tmp)
                    text_tmp += " \u2014 ";

                text_tmp += game.developer;
                if (game.publisher && game.developer !== game.publisher)
                    text_tmp += " / " + game.publisher;
            }
			if (game.genre) {
                if (text_tmp)
                    text_tmp += "\u000A";
				
				text_tmp += game.genre;
			}
			if (game.players) {
                if (text_tmp)
                    text_tmp += "\u000A";
				
				if (game.players > 1)
					text_tmp += game.players + " players";
				else
					text_tmp += game.players + " player";
			}
            return text_tmp;
        }

Next after discovering this fantastic gameOS theme I'm going to try to implement rating as well! This theme is absolutely brilliant yet too demanding for my little Pi ;(

Also one issue I don't recall if it has been already reported back to @fluffypillow is as follows. It's a bit of annoying even if minor.
Description: after exiting a game once returning to Pegasus, the list focus is not on the game you just played. It's on the top/beginning of the list even if the game you just played is still being selected. You have to move to another game to set focus on the game you actually are selecting.
To reproduce: pick a system where you have many games available at least enough game to scroll down a few screens. Then scroll down by a few screens and start any game. Exit the game.

Have a lovely day!

fluffypillow

@nemo93 thanks! Yeah the main theme collected a few issues during all the development, I'd like do some fixing on it eventually.

fluffypillow

Also a light weekly update! Still haven't had too much time, only slightly more than last week.

I've looked into the GOG crashes on Windows, but since it occurs with only specific games installed, I couldn't reproduce it yet. In case someone is interested, here's a list of games, apparently one of them crashes Pegasus, but I don't know which one yet.

As I was on Windows anyway, I've looked a bit more into adding LaunchBox support, and luckily it seems the files and metadata can be easily used. The only issue is actually detecting LaunchBox: since it's portable by default, there'd be a need to some UI panel for selecting where it is installed. I think I'll add some settingsfile-only field first.

I've also just added macOS releases for the Metadata Editor.

Darksavior

@fluffypillow I just got a playstation classic to play around with since it goes for $30US here. I had a $20 credit from a cancelled amazon hdd order so it was $10 for me.
I currently use the retroboot option which boots me directly to retroarch (after I installed the bleemsync bootloader). Is there any interest in the future of porting pegasus to it?

fluffypillow

@Darksavior hm no idea whether it'd work, never worked with a PS Classic before. If I understand correctly, it can be made to run Linux distros, right? If it can run something like Debian, that'd increase the possibilities. The hardware specs seem to be closer to phone parts to me though, I wonder how well they are supported on Linux. If it can use hardware accelerated EGL, there might be a chance for a working port.