Pegasus theme development general

AndersHP

@tronkyfran that's so neat!
It would be so cool to see cartridges getting put into their respective machines upon gamestart, but maybe that's just me dreaming! :-)

spartan

@fluffypillow I'm trying to build Android version, but after installing QT Creator and everything else, I get the following error in QT Creator:

Android/Sdk/ndk-bundle/toolchains/arm-linux-androideabi-4.9/prebuilt/linux-x86_64/bin/arm-linux-androideabi-g++: not found

Using Android NDK 19.2.534500
SDK 26.1.1
QT 4.9.0
Java SDK 8

fluffypillow

@spartan yes, Google removed GCC from the NDK not too long ago. To build using the latest NDK, you'll need at least Qt 5.12, while for older versions, you should use NDK r10e.

wallmachine

@fluffypillow a while back you mentioned that you were going to update theme documentation because of some overhaul did the documentation ever get updated?

fluffypillow

@wallmachine not yet, but I do have some plans and outlines for their contents. The current ones ended up a bit massive, so this time I'll likely split things into smaller chapters, which should come sooner (well, once I actually start writing the guide) and easier to follow. I also plan to some add QML tutorials too.

wallmachine

2019-04-23T13:38:09 [i] Theme set to 'Simple theme' (`D:/Pegasus/themes/tutorial-simple/`)
2019-04-23T13:38:09 [i] Program settings saved
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:29: TypeError: Cannot read property 'shortname' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:44: TypeError: Cannot read property 'index' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:42: TypeError: Cannot read property 'model' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:40: TypeError: Cannot read property 'gameList' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:102: TypeError: Cannot read property 'assets' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:110: TypeError: Cannot read property 'title' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:134: TypeError: Cannot read property 'developer' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:145: TypeError: Cannot read property 'year' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:141: TypeError: Cannot read property 'year' of undefined
2019-04-23T13:38:09 [w] file:///D:/Pegasus/themes/tutorial-simple/theme.qml:152: TypeError: Cannot read property 'summary' of undefined

fluffypillow

@wallmachine I assume that's from here right? Yes, the code in that article was not yet updated. Until then, you could take a look in the sources of these two themes, along with the reference.

wallmachine

@fluffypillow I'll see what I can work out thanks.

wallmachine

does pegasus have an A-Z search?

fluffypillow

@wallmachine Pegasus provides only the data, any kind of sorting and filtering then can be done in themes.

lilbud

@fluffypillow Got the carousel to line up
alt text

Now for the movement

On the switch itself. The carousel starts on the first item on the left, the selector then moves to the left while moving the carousel to the right (I'm uploading a video I took to better explain this) So when the frontend loads, the carousel is selecting the first item rather than the center item.

Video to better explain the movement: https://photos.app.goo.gl/SofY6eK7N64c12uT9

fluffypillow

@lilbud I see, I see, so you'd like to create a layout like this and keep the selection in the middle area: https://snag.gy/CGAw4Q.jpg

Looking at the video though, it seems the Switch UI is not actually a carousel. See there are two kinds of this linear layout in Pegasus:

ListView is easier to use but doesn't loop like a carousel (ie. you jump to the beginning/end on the last/first element). This is what the Switch UI uses in the video.
PathView is somewhat more complex but loops like the ES systems view. That's what the Carousel object in the theme uses under the hood.

So in case you'd like to make it exactly like the Switch you could take a look on ListViews too.

For both of them, you can use preferredHighlightBegin and -End to set the range where you want to keep the selection. The actual value depends on the type of the layout:

For ListView, they are in pixels, and mean the left and right edge of the area (like on the image above)
For PathViews, they are in percentage of the whole path, and mean the center point of the leftmost and rightmost item (maybe this animation helps)

SinisterSpatula

Just starting to look into this front end and I have to say it's very very nice. I'm currently looking at getting it working on pi zero and small screen 320x240 Retroflag GPi. I'm just doing small edits to the Game OS theme to try and get it to display on such a tiny screen, and I'm sure I'll run into a lot of small issues because this wasn't the design case for either the front end or the theme. (I love both!). Already I have it looking good and running good, but wondered about the video playing code, it looks like it might be using software video decoding, as I see the pi zero hits 100% cpu whenever video is playing. Is there any way currently to take advantage of hardware video acceleration for playing videos, in a similar way that OMXplayer does?

fluffypillow

@SinisterSpatula installing gstreamer1.0-omx should enable the hardware acceleration, but if I remember correctly it also increased the temperature of the Pi and didn't work well for certain video formats. Support might have got better since then though.

Also if you have some photos or videos, I'd be happy to see Pegasus running on the Retroflag :)

SinisterSpatula

@fluffypillow Awesome, I'll look into that. Does it just start using it automatically, or do I need to change the video playing code to use it somehow? I'm still very much a newbie and learning. I have yet to change the game detail/preview screen but plan to. So far, I think this is looking and running great, and I have much more work to do on it. Here's a video of where I'm at with it currently:

SinisterSpatula

The fork I'm making edit's to (nothing special just commenting stuff out, and changing numbers, etc) is here: https://github.com/SinisterSpatula/gameOS/

PlayingKarrde

I was planning on making a 240p version since I run it on my arcade machine (a new astro city) but never got around to it. Great to see your progress!

I've made some changes locally that I haven't posted yet that I think might interest you when I get around to it since I've done away with the top description section (like you are doing). It's much cleaner but not quite ready to post as I want people to have the option to switch between them. Adding the settings screen is holding me up and I've just been so busy to head into that chunk of work unfortunately.

fluffypillow

@SinisterSpatula Nice! Yes, it should work instantly, if you export GST_DEBUG=omx:4, it should also print some debugging information to the terminal if it's in use.

@PlayingKarrde now that the gamepad support is in a better shape, theme settings support should also come eventually :)

SinisterSpatula

@fluffypillow said in Pegasus theme development general:

gstreamer1.0-omx

I was afraid of this, and it's veering off topic to talk about it, but, on pi Zero, there's an issue when using OMX player where it get's very slow, and it has to do with the audio settings. It appears that the same bug also affects gstreamer1.0-omx. I did some searching about gstreamer but was unable to find any info about changing the audio output device, or how to look at what it is set to. I think the problem is when it sends audio to both analog and HDMI, for some reason it slows it to a crawl. When using the omx-player executable having -o both causes the issue. But I'm stuck as far as how to check for this on gstreamer.

SinisterSpatula

edit: maybe I should be using a scraper that supports pegasus instead, just found: https://retropie.org.uk/forum/topic/11826/versatile-c-game-scraper-skyscraper/1236

@fluffypillow is the metadata conversion tool at https://pegasus-frontend.org/tools/convert/ available in source-code form by chance? There's some issue's that I want to try my hand at fixing, and send back my changes to you. It's currently ignoring some image's and doing some things it shouldn't. (making screenshot's into box2dfront, ignoring wheel image, etc. -- maybe this is only issue for scraper.net format files, not sure).