Design WAD View

[FreaKzero]

First Step: Design the oldschool SSGL 2 column layout

• 2 Column Layout

• first Column shows available Wads

• second Column shows selected wads and can be sorted for load order

• third column replaces the drawer selection of the old app

• first column should be filterable by name and kind of extension (PK3, ZIP, WAD etc)

• user should be able to save selected extensions (second column)

Item Design

Column 1: State for idle items State for Hovered Items State for "selected" items

Column 2: User should be able to Drag&Drop as also sort by arrows in the Item User should be able to deselect the item also in Column 2

[FreaKzero]

First Feel:

[scar45]

What a wonderful surprise to see your plans to resurrect the project! I hope you don't mind if I submit some PRs when I might have the time. It's been a while, but I'm still around too, and still use SSGL (tho my fork) almost every day.

One tiny thing I might add now, is that for column 2, it would be great to also have an "X" button to remove the selected WAD. In the original app, I found it a bit cumbersome to have to re-find the WAD in the first column, to then be able to remove it from the second.

Cheers though @FreaKzero :) Hope you've been well, and this is some great news overall!

[FreaKzero]

@scar45 long time no see old friend :)

Im doing fine - thank you, learned alot the last years and that i wasnt able to add new features especially i wanted or fix bugs in the old codebase from to users always stinged my back. Still it warms my heart to read that you also still use SSGL :D Shows me that i did something right back then.

The new Stuff i plan will be also alot easier to maintain and add Features on since Webtechnologies progressed so far by now and the libs i use now are far more stable ^^ little glimpse of that you can already see in the setup-v2 branch

Hope you are doing good, for sure im always glad to get some help and i will consider your request.

[FreaKzero]

Update

[scar45]

I am doing very well too, thanks. Love the update with the "X" button, and the new interface is reminiscent of the old, which works! New logo is clean and great as well. Looking forward to tinkering when I can, but probably need some guidance on getting the new codebase up and running for development...I'll keep watch.

[FreaKzero]

Right now i only design Stuff in there (electron doesnt do anything right now) I will write a developer documentation when i hookup electron with the ui (right now you cant even productive build it yet - just development server)

If you want to start the stuff in the browser / see the progress its actually very easy now:

• checkout thesetup-v2 branch and go into the /app folder
• npm install
• npm run dev:webp
• Open in Browser:http://localhost:8080/

Just be aware that right now alot of things can change over the time i setup everything and figure things out ;)

[scar45]

Thanks for the quick howto, and completely understand that things may(/will!) change over time. I'm not even sure if I'll get to tinker with dev soon, but it's good to have these preliminary instructions. One thing is for sure, I will definitely be following updates!

[FreaKzero]

Redesigned the Item Boxes - and added SVG animations Current Status with Animations (in the real application): https://webm.red/n7Mt

[FreaKzero]

Update: Redefined Animations, Defined "Flowtext" font, Dropdown Design with Animations https://webm.red/view/KXRj.webm

[FreaKzero]

Current Status: https://webm.red/6V3C

[FreaKzero]

Working Backend with Settings and WAD loading: https://webm.red/view/NunJ.webm

[FreaKzero]

Status Update:

• Several Render fixes,
• Cleaned up Backend Code
• "old" Playbutton UI Pattern like the old SSGL
• There are no longer "seperate" Foldersettings needed for iwads, the filewalker detects them automatically

I think i will leave the 3rd Column (when window is bigger) for now untouched and make an own story for that

https://webm.red/view/gGL7.webm

[FreaKzero]

iWAD List Style and Playbutton https://webm.red/bvLH

[FreaKzero]

https://webm.red/view/XxfW.webm Status:

• Sorting of Loadorder
• Mainloader Screen
• Multiple iwad load fix
• Custom Wallpaper

@scar45 Removed the X in favor of clicking on the "Checked" Button to uncheck a loaded Mod

[efraletti]

Hello,

I used your launcher for years now and am really happy that its development is alive.

The only thing I always missed is setting the sourceport for each list, or package, as it seems is called now.

Everytime I go to settings and change the version number in the path for gzdoom as in gzdoom_xyz, and always name the list as, for example, trailblazer_gz_xyz so I can load the savegames and continue playing even if a new gzdoom release is out there and I make a new list like bladeofagony_gz_abc, but this implies going to settings and changing the path do gzdoom_abc.

I'm sure in the new version something more practical is on the oven. As soon as a beta version is out count on me for testing.

Thank you for the great tool and a nice christmas for you and your family.

[FreaKzero]

Hi @efraletti

Actually there will be a lot of changes what sourceports and Packages belong - when im thinking about the systems/designs i will do a own ticket for that - but whats right now in my head i can say the following:

• SourcePorts: Sourceports will not be Static anymore but more like "recipies" - the user can define the path and "functions" of the sourceport (=> like: can the sourceport even load saves ? - when yes whats the command for that and so on) as also multiple versions of any sourceport as he likes

That was one of the big features i wanted to integrate already in the old SSGL but wasnt able anymore due to deprecation/End of Life of Angular 1.5 and broken Build Process.

• Packages Packages will be something like "complete preconfigured games" where you define everything you need 1 time (WADs, Sourceport, Build Map first with Oblige) and when you want to just "hit start" (to start immediately) or "use" to get back to the Wad Selection View (to load additional Wads, edit the list etc), the ui will be something like launching a Steam Game.

also a Feature i wanted to make back then - since i have a big "daily play" list (10+ Wads, PK3s) which im playing nearly every day with random oblige maps and Steam Controller on the TV.

I hope this clarifies the future of SSGL :)

Thank you so much for your kind words and have nice Holidays also!

[FreaKzero]

News:

Nothing new to show today but:

• Was searching for a few days now why i have strange flickering in the App with the Fonts - found the Problem finally (https://github.com/styled-components/styled-components/issues/2900)
• App can now be built
• Cleaned up Styles and Stylevariables in the Project

[FreaKzero]

Update:

Did mostly code cleanup and styling:

• File/Directory Search Components
• Real WAD Directory Selection works (Backend / Saving Settings in Home Directory)
• Custom Wallpaper works with Backend
• Redefined Input Style
• Redefined Wad View, more compact and feels more "defined" now

https://webm.red/view/m9CH.webm

[FreaKzero]

Update:

• Refactored Form Components added better styling to button and button elements:

Dont worry about the sourceport thing - this will be removed when i start with the sourceport view

https://webm.red/view/Hhqk.webm

[FreaKzero]

Update: Did alot of Coding the last 2 days and cleaned the mess up i prototyped with as also added the old features

• Reindex Button in the WAD View near Filter
• Multi Language Support (Since i know that many of my users are Russian)
• Savedirectories and Screenshotdirectories in Settings

So - settings and the WAD View is finished for now in my opinion and will start now with designing the sourceports view.

https://webm.red/view/mkOF.webm