Cactus Game Design Message Boards

Redemption® Collectible Trading Card Game HQ => Redemption® Resources and Thinktank => Topic started by: Reth on November 03, 2022, 05:04:49 PM

Title: Redemption Deck Editor
Post by: Reth on November 03, 2022, 05:04:49 PM
A n n o u n c e m e n t

Ok everyone (not using that tag here, but was tempted to do so :smile: ). I did not play much Redemption in the past weeks (or even months? don't remember ...) nor did I do much deck building. And here is the reason why:
I digged into a framework I discovered (next to some other similar ones, but decided for that one since it has a tutorial I still want to utilise) and start toying around with it and JavaScript programming (both were/are new to me). For my "training" I chose to build a deck editor and was put into the direction and supported in terms of ideas exchange, expertise in using of similar tools (and expertise in gaming + what's all behind in general) by @KrystoferRobin (thanks a lot again).

My big role model is the MtG Arena deck editor - but I am light years away from that one. - Nevertheless I'd like to release it to the community to give it a chance there and hopefully get some useful feedback, hints, ideas and maybe even support in several areas (well, not promising to implement them all of course :D ).
So don't expect a fully polished foolproof tool - but an untested, hastily patched up toy instead. Lots of bugs in there since not really tested yet. The source code is a mess.

What you can do with it:
- Some basic filtering
- Scrolling up and down using mouse wheel
- Drag & Drop cards in Deck and Reserve
- Load/Save from local disk
- Load/Save from LackeyCCG
- Share decks easily via URLs
Please note: The editor works without any server component (yet) hence I cannot make the URLs shorter.

Of course there are still some things of my own To-Do-List for it like:
- Extended Statistics (for this I need to know what the most relevant figures/relations are players will need)
- Text Filters
- 2nd view of editing (lanes of cards like people often do when organising their decks in Lackey for example)
- Global switches for deactivating sound + sfx
- Maybe themes
- Maybe an intro screen with option settings + choosing from different backgrounds and background sounds
- ... Maybe more

But this is all secondary in the long run since I want to work on another project using this framework in the first place (hopefully I can tear myself away from the deck editor though :D).

When updates are released you need to clear cookies of the server and do a shift-reload to make sure all stuff is loaded newly (sometimes it does not load everything the first time, do not yet know whether it is related to the framework or my tool [usually my tool though :D]).

If you'd like to support I'd need much better UI/UX, especially for symbols (but those should be same dimensions though to put them easily into sprite maps, which would make theming also easier), layout and design of the UI in general since it is just a quick throwing together of things I could get my hands on, especially free available and allowed to use symbols, sounds, etc. - even that took already lots of hours.
So user interface has lots of room for improvement (drawback of the framework is that it is designed for gaming - hence doing layout and all such things with it is horrible. annoying and a really pain in the ... if I allowed to say this here). But there is more of course. I am really bad in code design and code structuring. The sourcecode is a spaghetti mess, with now structure nor patterns. Hence also help in these kind of things (improving design from 0 available RN, applying and implementing patterns and structure) is highly welcome!

But without further ado, here you are: Redemption Deck Editor (

Have fun!
Title: Re: Redemption Deck Editor
Post by: Sunglasses 2 on November 04, 2022, 10:41:38 AM
I've been waiting for something like this...good work!
Title: Re: Redemption Deck Editor
Post by: Reth on November 04, 2022, 11:20:02 AM
Thank you!
Title: Re: Redemption Deck Editor
Post by: Kayden L on November 09, 2022, 03:01:07 PM
I'm trying this on mobile and WOW this looks amazing!

Is it possible to add the option for buttons as well as scrolling? would make it easier to navigate for laptops, and mobile cannot scroll
Title: Re: Redemption Deck Editor
Post by: Reth on November 09, 2022, 04:31:08 PM
Thank you!

Scrolling is currently possible via mouse wheel. You mean scrolling via buttons by using the double arrow indicator symbols?
Title: Re: Redemption Deck Editor
Post by: Reth on November 09, 2022, 06:45:13 PM
U p d a t e

So I added some basic text filtering possibilities to the deck editor. Since combining HTML elements with framework objects is not quite smoothly possible I had to make a quick hack for the text input area. Nevertheless adding everything and make it work took quite some time. This means in terms of usability:
- no cursor symbol (yet - maybe I will add one in future)
- no scroll overflow when text exceeds input area size (maybe I will add that one also some day)

Usage: Activate the checkboxes for the areas of a card you want to search for some text in. Type in the text you are looking for into the text input field and press Return (or Enter).

I M P O R T A N T: Only pressing Return/Enter will activate the filter!

Enjoy and have fun with it. If the new things will not be loaded imidiatelly, please delete the cookie from the server and do a shift-reload to refresh your cash.
Title: Re: Redemption Deck Editor
Post by: Reth on November 09, 2022, 06:54:55 PM
Sorry! There is unfortunately a bug when text and non-text filters are used in combination or consecutively.
Title: Re: Redemption Deck Editor
Post by: Reth on November 10, 2022, 03:47:48 PM
So hopefully I fixed the bug and filters are working now as desired.

Also (hopefully too) fixed a bug in scrolling calculation. - Maybe you need to delete cookies of this tool and do a shift-reload in your browser.

Question: Shall text filters work "OR"-based? Meaning if you check more than one card area to search for the text a card gets selected if the text is contained in any of these areas? (ATM these filters work "AND"-based, meaning if you check more than one card area to search for the text it must be contained in all of the checkmarked card areas. Just let me know your thoughts!

Question for scrolling on mobile: I was thinking to provide a swipe-support - but this seems to contradict with the drag&drop of the cards (will be hard to implement). So would scroll by swiping be better for mobile or turning the scroll indicator arrows into scroll-buttons? Alternativly I can make the middle band between the scroll-indicators swipe-sensitive as compromise ... maybe in addition to turn the scroll indicators also into buttons. Let me know your thoughts!

Question for deck metrics/statistics:
What would you like to see in a possible deck metrics/statistics overview?
Title: Re: Redemption Deck Editor
Post by: Reth on November 14, 2022, 04:36:39 AM
Updated the deck editor. Now the scroll indicator arrows (double arrows middle of the card image list) can also be used to scroll up and down. So scrolling on mobile should now be possible too. Please give it a try. (Maybe server cookie needs to be deleted again + a shift-reload to clean the cache).
Title: Re: Redemption Deck Editor
Post by: Reth on November 15, 2022, 05:51:50 PM
Short update: Did a small bug fix which prevented cards getting restored inside the card search area after being dragged&dropped into Deck or Reserve area. So should now work on mobiles too!
Title: Re: Redemption Deck Editor
Post by: Reth on November 22, 2022, 04:29:03 PM
Ok. First small statistics/metrics/figures for some cards in deck are implemented (Thanks Jayden for the hint!). Don't forget to delete your cookies and do a shift-reload.
Just feel free to come up with proposals etc. - be it for statistics/metrics/figures or whatever else!