Announcing Pegasus Frontend

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.

Darksavior

@fluffypillow I have no idea myself. I followed some instructions to install bleemsync, modified boot loader with drivers that support more pads and file systems. After backing up the files it modified, I installed the retroboot distro to my usb stick which direct boots to retroarch.

asahendrix

Greetings all!

I've been lurking for awhile, but I haven't posted anything yet. I don't have much experience with coding (or any really) - I took 2 java classes in college and an HTML class so it doesn't just look like matrix code (binary) to me.

I've been envisioning a theme and I've tried looking at the qml files for the themes that are available but I'm getting nowhere fast. I thought I might put a wishlist on here to see what advice/code you all could give me:

Here goes,

-Consoles are a vertical list to the left (similar to the simple theme where the gamelist is on the left).

-The highlighted console is the center of the list and stays centered whilest scrolling.

-The right 70% of the screen shows info of the highlighted console, with maybe a retail box of the console, video previews, release year, and description (also similar to the gamelist in the simple theme).

-The highlighted console font is colored in unlike the default pegasus theme - this can be done using system wheels from EmuMovies. The other consoles have a faded one color font (also similar to the pegasus default theme) that use the same logos that pegasus uses (from ES I believe).

-Once a console is selected (highlighted first then selected), a new page (or layer?) appears that is similar to the pegasus default theme only there is no menu at the top. Instead, the respective console wheel art is at the top left of the screen with a dark grey layer that that covers the entire top border (like pegasus - maybe the top 10% of the page). Grid view with a video snap on the left under the selected game description (again… like pegasus).

-Selecting a game brings up a new page that is the game page. This page can have a partly faded screen shot of the gameplay that covers the entire screen as a faded background layer. A 3D Box and a cartridge image can be on this game page somewhere as well as the amount of time played and a game rating. With the game description as well.

-I’d like to have background music playing. I figured on just getting a 1-2 hour mp3.

I'm on a Pi 3B+

Here is a rendering from the user lomax2k - this is pretty close to the game page that I'd like so big props to him/her cause this looks incredible. alt text

Thank you guys for your amazing work on Pegasus and for any help you might could give me!!!

asahendrix

@asahendrix

Mostly the formatting on the left is a good example of how I’d like the consoles menu to look

jetbootjack

Hi,

Probably not the right place to post this, but I can find no other discussion for Pegasus online - so here goes. This is not a RetroPie based question about the FE.

On MacOS (Mojave) no video plays - I am guessing there is some config I am not doing, but have no idea where to start to resolve the dependency.

On Windows 10 initial startup crashes out after about a minute - gets to 82 games (my installed steam games amount) - then pops back to desktop, I can see no error in the log, but suspect I am not looking for the right thing...

If there is a better place for me to ask these questions please let me know.

 sTeVE

spektor56

I have a launchbox importing program mostly working (metadata + assets). I will post the source code on github when it's in a state that's easily usable by other people. Also, for people that want to get 64-bit retroarch working in pegasus:

launch: am start
 --user 0
 -n com.retroarch.aarch64/com.retroarch.browser.retroactivity.RetroActivityFuture
 -e ROM "{file.path}"
 -e LIBRETRO /data/data/com.retroarch.aarch64/cores/mesen_libretro_android.so
 -e CONFIGFILE /storage/emulated/0/Android/data/com.retroarch.aarch64/files/retroarch.cfg
 -e IME com.android.inputmethod.latin/.LatinIME
 -e DATADIR /data/data/com.retroarch.aarch64
 -e APK /data/app/com.retroarch.aarch64-Lw-HOvybuHeHxQbE451e4g==/base.apk
 -e SDCARD /storage/emulated/0
 -e DOWNLOADS /storage/emulated/0/Download
 -e SCREENSHOTS /storage/emulated/0/Pictures
 -e EXTERNAL /storage/emulated/0/Android/data/com.retroarch.aarch64/files
 --activity-clear-top