Pegasus theme development general

halfmanhalfcake

@tronkyfran Ah, this is my first time trying to code something. I've only ever played around with HTML before and using the inspect element in Chrome.

fluffypillow

@halfmanhalfcake nice, happy to see it's taking shape :)

I'm actually using a delay too, but for the videos, to not load instantly during scrolling. It's here in the main theme code. I've created a Timer called videoDelay which is restarted every time a particular variable changes (see it above). The interval it set to a short 50ms (default: 1 sec), and when it triggers, I set the video to play and start the playback. You could do something similar, except that you'll probably need to change the Image's source instead.
for the shadow, ListView.isCurrentItem would be my first guess too, does it have no effect at all? Maybe try creating a new property bool in it's parent Rectangle to to store the value of ListView.isCurrentItem, then use that property in the DropShadow.

lilbud

I need to get back to making my theme, except the fact that I speak code as well as I speak Spanish

I failed Spanish class

honorio96

Is there any way to add sounds at startup and in the Pegasus navigation keys?

fluffypillow

@honorio96 somehow I missed your post, sorry. SoundEffect items should work for key presses, but if I remember correctly, they didn't load for someone. Will check that. There isn't really a "loading complete" event yet, but you might be able to play some sound when the theme first gets the input focus, or on Component.onCompleted.

tronkyfran

Testing some things, still long way to go.

Still not sure about metadata placement or carousel scaling, I accept suggestions. Gameplay video will be displayed at monitor, performance is pretty good(at windows).

I have created new art for about 200 games for amstrad, so I think an Amtrad CPC versión will come pretty soon,
as well as color version with color monitor.

tronkyfran

https://streamable.com/ktair

fluffypillow

@tronkyfran Very nice! Is this actual 3D?

tronkyfran

@fluffypillow Well, its 3d rendered everything, but not realtime 3d on Qt sadly, I just have not enough prog skills yo do that, so If have to remake all the cover art by hand. It can automate some things tough.

dmmarti

I've got a quick question, that I've not yet found the answer to while reading through all of the forum posts for Pegasus-FE.

Installing the frontend from the RetroPie Setup script, I've found the "themes" folder where I can add my own into (in the /opt/retropie/configs/all directory).

But where does the default pegasus-fe theme get installed to? I'd like to add some additional logos into it but I've not been able to find where the built-in default location for "pegasus-grid" is?

I know it's probably something simple and I've just overlooked it in the previous forum posts...but so far, I've not been able to locate it's directory.

fluffypillow

@dmmarti Actually it's build into the program itself, as to always have one undeleteable theme ready in case of problems. You can find its sources here, after downloading and placing it in the theme directory, it works just like any other theme. (You can download the sources here, with the green 'Clone or download' button.)

dmmarti

@fluffypillow
Ah...that explains why I could never find it.! Haha

Thanks for getting back to me. I've just started tinkering with Pegasus and learning it's ins-and-outs while I'm beginning to learn theming for it.

Thanks for everything and developing Pegasus.

PlayingKarrde

This post is deleted!

Thistlebrew

I am really confused with the interfacing with the API. I know the tutorials state that the API mentioned in them is out of date so I switched over to trying to use the API documentation to figure out my issue. I have also tried reviewing the example themes' code to try and figure this out.

I have this code (just trying to get a repeating list, no navigation at this point.):

 ListView
 {
	
 	id: collectionBigScroll
 	orientation: ListView.Horizontal
	
 	model: api.collections.games
	
 	delegate: 

 	Rectangle {
    // as we calculated previously
    width: vpx(240)
    height: vpx(135)

    color: "green"

    Text {
       
        text: modelData.title
    }
		
	// Image {
	// 		id: gameItem
	// 		source: modelData.assets.boxFront
			
	// 		fillMode: Image.PreserveAspectFit
	// 		asynchronous: true
			
	// 		}
	
		
	}
}

If I try just the Image (currently commented out) or the rectangle+text objects on their own, not in a list view, they get drawn on the screen. If I add them to the list view, I get nothing on the screen. Its almost like the list contains nothing, which I know it does, because the example themes display just fine. I am not getting any errors in the console either, which I was when I was trying to follow the tutorials and using the wrong API data.

Anything I may be missing? Still really new to QML so that may not be doing me any favors.

fluffypillow

@Thistlebrew Ah sorry, the documentation of games and collections was described incorrectly: the listed properties belong not to the model, but the elements of the model. I've fixed the relevant part; hope it's less confusing now, but feel free to ask if you run into troubles.

Yeah the tutorials are in need of an update, with the current API changes in progress and all. Will definitely update them after the development of these parts is mostly done.

PlayingKarrde

@fluffypillow I'm unfortunately stuck again haha. How can I use the filters to find a collection from api.allGames? It doesn't seem to accept collection as a roleName from what I can tell.

The reason why is I want to also be able to sort and filter based on the collection and potentially have multiple collections returned (otherwise api.collections would work fine).

fluffypillow

@PlayingKarrde ah so that's why SQL would be useful for you! Unfortunately there's no built-in way for such reverse-lookup yet, the games have no information about the collections they contain them at the moment. As a workaround, you could do the lookup manually, by going through all the collections in eg. a for loop and check its games member whether it contains the particular game (something like <theCollection>.games.contains(<theGame>)). It requires some programming, and probably won't be too fast... I'll see how much increase would be in the memory usage by adding a list of collections for each game.

PlayingKarrde

@fluffypillow Ah. Hmm yeah I feel like it would be important. Another (and probably better?) example would be if you're doing a search and it returns all games, having information for what system that game is seems important (especially if you have the same game on various systems).

I won't do the for loop for now as I don't want to sacrifice speed. For the time being I'll just do my filtering based on the current collection as that will get me a large part of the way to accomplish what I'm currently trying.

Also do you happen to know how to return only a certain number of results? I want to do a recently played list but only want to return 3 entries. Can't seem to figure it out.

fluffypillow

@PlayingKarrde yeah I can see the use cases, I was just worrying about the increase in memory usage. Such overhead shouldn't cause problems, but better safe than sorry.

Also do you happen to know how to return only a certain number of results?

IndexFilter might fit here, with maximumIndex: 2 (which would result a list with game[0], game[1], game[2] as elements).

PlayingKarrde

@fluffypillow Yeah that's what I was originally using but it was just returning the first three games in general. Upon further reflection though I think that suggests my filters aren't working correctly.