Jump to content

Welcome to Card Game DB
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Photo

Deck Builder Improvements

- - - - -

  • Please log in to reply
20 replies to this topic

#1
Darksbane

Darksbane

    Administrator

  • Administrators
  • 3594 posts

Deckbuilder Improvements! 

 

Although this doesn't touch on all the requests it is my first shot on moving things forward.

 

Using some stats for common screen resolution shows that 93% of the users there are at 1280px wide or larger and 55% of people fall between 1280 and 1400. Also 99% of users were on a height of 768 px or larger. I used this as a rough guideline for appropriate sizes of things and so I've adjusted the search and deck sections to be slightly larger than before and the responsiveness to be triggered at different intervals. The results are more usable space.

 

 

There is a settings button at the top of the page now which will popup a dialog box where the user can customize some areas of the deckbuilder to their liking.

 

The Preferences area allows a user to show available identities to select immediately after choosing which side he wants to build for.

 

The Performance area attempts to speed up the deckbuilder on slower devices. After some testing I found that the graphs cause a majority of the performance issues seen on low end tablets and phones. So on mobile devices auto updating of graphs are turned off by default and a user can choose to either turn them back on in the settings or click a button by the graphs to update them. During my tests on iphone 4s and 1st gen ipad mini (equivalent to ipad 2 hardware) turning off the graph auto update reduced processing time for adding and removing cards from ~1 second to ~150ms, on an ipad air it went from ~300ms to ~90ms, and on a normal desktop from ~100ms to ~5ms. This setting is remembered in a cookie whenever a user changes it.

 

The theme section allows a user to change the look of the deckbuilder. I currently have 3 themes. The first is the default theme. The second is a 'flat' mostly white theme with smaller cardgamedb logo. The third theme uses a game appropriate image as the background for the deckbuilder with smaller cardgamedb logo. This setting is remembered in a cookie whenever a user changes it. Below are examples of the themes.

anThemeExamples.jpg

 

The Layout section allows the user to switch to their preferred layout. There are 6 layouts to choose from currently (not including default).

 

Narrow View - Least amount of space, single column search with a toggle between search criteria and results. Single column deck. Image in center. Best for browsers running 1024x768

an-3columnnarrow.JPG

 

Wide Search - Search criteria and results side by side. Results auto update as search criteria changes. Image in center. Single column deck. Best for browsers between 1280 and 1400 px wide.

an-3columnwidesearch.JPG

 

Wide Deck - Single column search with toggle between search criteria and results. Image in center. 2 column deck. Best for browsers between 1280 and 1400 px wide.

an-3columnwidedeck.JPG

 

Wide Screen - Search criteria and results side by side. Results auto update as search criteria changes. Image in center. Double column deck.  Best for browsers between >1600  px wide.

an-3columnwide.JPG

 

Wide Deck and Search, No Center image - Images show on hover. Search results auto update. Best for browsers between 1280 and 1400 px wide.

an-2columnwide.JPG

 

Vertical layout - This layout is specifically geared to using on a tablet in portrait position. Usefulness on desktops would be limited I think. The search and deck section are stacked on top of each other. Images shown on click.

an-2columnhigh.JPG

 

At the top of the search criteria area is a numeric and text entry box. Typing in this area will bring up matching card results in an auto complete/typeahead fashion. Choosing one will add that card to the deck in the quantity specified, clear out what you typed and put focus back on the numeric input. Using this you can add cards quickly using only the keyboard.

 

The card type field will now allow you to select multiple card types to filter by at the same time.

 

The deck can now be sorted by cost in addition to type 

 

Ice now shows 3 little icons next to them in a deck (shield for Barrier, gate for Code Gate, and eye for Sentry).

 

Restricted filter field hidden until we actually get a restricted card.

 

Right clicking a card name in either the deck or search results will open a popup window taking you to the card's record in the database 

 

A "No Set" option has been added to the search results view.

 

The BBCode and Popup BBCode sections in the bottom menu have been moved under Export.

 

Under Export you can now choose how you want to export your deck. Options include saving it as a file on your computer or displaying it as Text, BBCode, popup, or (new) Markdown and HTML so you can copy and paste.

 

The sample hand now shows images and you can draw extra cards. The size of the images can be changed via a slider (size remembered in cookie). Images can be clicked on to fade them out and show the card name cost in a list.

 

Font sizes have been slightly increased

 

I have adjusted the images in these to be a new standard size of 420px high.

 

 

 

Again thanks everyone for your feedback and just because something that has been suggested didn't make it in this time doesn't mean that it won't make it next time so please keep on giving your feedback.


  • Icedman, NorthMaester, ncaron and 3 others like this

#2
CommissarFeesh

CommissarFeesh

    Advanced Member

  • Members
  • PipPipPip
  • 571 posts
Hey Darksbane, as I mentioned in the Conquest thread, loving the improvements and new options. Quick observations:

I seem to be getting a short delay (1-2 seconds) after clicking to add a card to the deck to it actually adding (improved by switching off the auto-update graph option on desktop, but it's already off on tablet). It also seems to add faster the second time I add a card I've added previously, so it might just be a caching thing which I'll eventually stop noticing.

Some cards have an eyeball next to them - looks a bit like the icon from Game of Thrones (intrigue? sorry, I don't play and I forget what the icons mean. It's the green one). I don't have a list of which cards are affected, but definitely Archer and I've noticed one or two others but forgot to take note.

#3
Darksbane

Darksbane

    Administrator

  • Administrators
  • 3594 posts

Hey Darksbane, as I mentioned in the Conquest thread, loving the improvements and new options. Quick observations:

I seem to be getting a short delay (1-2 seconds) after clicking to add a card to the deck to it actually adding (improved by switching off the auto-update graph option on desktop, but it's already off on tablet). It also seems to add faster the second time I add a card I've added previously, so it might just be a caching thing which I'll eventually stop noticing.

What type of device are you using and what browser? Also what view do you have selected?
 

Some cards have an eyeball next to them - looks a bit like the icon from Game of Thrones (intrigue? sorry, I don't play and I forget what the icons mean. It's the green one). I don't have a list of which cards are affected, but definitely Archer and I've noticed one or two others but forgot to take note.


That is the icon for Sentry ice. I've added little icons to the ice so you can quickly see in your deck what type of ice a card is.

barrier.png Barrier

gate.png Code Gate

sentry.png Sentry


  • Icedman and BadPublicity like this

#4
CommissarFeesh

CommissarFeesh

    Advanced Member

  • Members
  • PipPipPip
  • 571 posts
Ah, cool! Nice idea with the icons.

Desktop is IE 11 in full-screen mode, tablet is Google Nexus 7 using Chrome. I should try in Chrome on the PC as well and see if that behaves the same way.

#5
CommissarFeesh

CommissarFeesh

    Advanced Member

  • Members
  • PipPipPip
  • 571 posts
Forgot to mention I'm using wide-search view. Just tested on Desktop Chrome and it's more responsive. Faster with the auto-graph turned off still; under half a second without it, a little under a second with it.

#6
Kaic

Kaic

    Advanced Member

  • Members
  • PipPipPip
  • 409 posts

I'm liking the changes.  The Running layout is really cool looking.  Thanks for all of the great work.



#7
Icedman

Icedman

    Advanced Member

  • Members
  • PipPipPip
  • 42 posts

Just wanted to say thanks for the updates Darksbane; you've handled the entire situation with grace  :)



#8
oulondo

oulondo

    Newbie

  • Members
  • Pip
  • 1 posts

Hi, I really love the deckbuilder and the changes.  Thanks so much.



#9
Tragic

Tragic

    Advanced Member

  • Contributor
  • PipPipPip
  • 1661 posts

!BUG!

 

Typing in a invalid string.. like say "kdlhsadkfsdl" always shows ALL cards.. instead of zero search results. 



#10
nordicstrike

nordicstrike

    Newbie

  • Members
  • Pip
  • 2 posts

The deckbuilder does not work with All that Remains cards currently. For example, I cannot add Leela Patel to the deck. If I try to add Cerberus "Lady" to the deck it ends up there but with zero cards, and the +/- card buttons are gray.


  • Vol likes this

#11
laruffaj

laruffaj

    Member

  • Members
  • PipPip
  • 20 posts

The deckbuilder does not work with All that Remains cards currently. For example, I cannot add Leela Patel to the deck. If I try to add Cerberus "Lady" to the deck it ends up there but with zero cards, and the +/- card buttons are gray.


Yes. Very true. Anyway this can get fixed?

#12
CommissarFeesh

CommissarFeesh

    Advanced Member

  • Members
  • PipPipPip
  • 571 posts

Yes. Very true. Anyway this can get fixed?


It's been reported in the site issues and deckbuilder errors thread. Just have to be patient now.

#13
AdorablePython

AdorablePython

    Advanced Member

  • Members
  • PipPipPip
  • 52 posts

I have some errors to report.

 

First, no cards from The Underway can be included. Second, when I search for cards of the Black Ops subtype, "Snatch and Grab" (a Gray Ops card) shows up. When I search for Gray Ops, that card doesn't show up, however.



#14
deskjet3320

deskjet3320

    Newbie

  • Members
  • Pip
  • 2 posts

Error: All cards from the Underway show up as "0" cards. You cannot add them, they do not count towards deck size, and they do not count towards influence. Removing a "0" card adds "-1" to your deck size. 



#15
deskjet3320

deskjet3320

    Newbie

  • Members
  • Pip
  • 2 posts

Error: Any deck containing the card Ashigaru cannot be loaded.

 

I have narrowed the error down to this card (after a whole lot of testing). I have tested it with multiple IDs. I have tested it with multiple computers and multiple browsers. There is something about this particular card which causes a deck to be unloadable. 



#16
AdorablePython

AdorablePython

    Advanced Member

  • Members
  • PipPipPip
  • 52 posts

Another bug: Not a single piece of ICE from the Mumbad Cycle can be added to a deck properly.


  • MightyToenail likes this

#17
AdorablePython

AdorablePython

    Advanced Member

  • Members
  • PipPipPip
  • 52 posts

The ICE bug is still a thing.

 

Plus, Beth Kilrain-Chang and Algo Trading have their pictures swapped, which is irritating.



#18
Darksbane

Darksbane

    Administrator

  • Administrators
  • 3594 posts

Ashigaru (and 6 other cards) bug fixed

Ice from Mumbad cycle fixed

I've messaged FFG about fixing the swapped images.


  • AdorablePython likes this

#19
AdorablePython

AdorablePython

    Advanced Member

  • Members
  • PipPipPip
  • 52 posts

Thank you very much!



#20
AdorablePython

AdorablePython

    Advanced Member

  • Members
  • PipPipPip
  • 52 posts

It seems a bunch of images are missing.

 

For example: 24/7 News Cycle, Chrysalis, Celebrity Gift, Ancestral Imager, Alexa Belsky, Alix, and the list goes on.

 

I have cleared my cache and everything to rule out the possibility of it being an error on my end.

 

Edit: Nearly all card images are missing now.

 

Edit 2: The bug seems fixed. Thanks.