Class builder Calculator

#26
Devtek

Posté 11 décembre 2014 - 08:15

Members
529 messages

I wasn't sure how to handle upgrades. In-game, the upgrade icon are slightly below the main icon. If I did the same thing, that icon would be tiny, around 25x25 pixels. I will try to think of a solution over the weekend.

By restrictions, do you mean something like: people cannot select a random ability on the skill tree at first, they have to work their way down to the last skill? Or do you want to limit the actual selections, people can pick any skill they want as long as it is under the limit. What you really want is for the web application to ensure the build is valid and not fake, correct?

First restrictions yes: If you want to be able to create real builds then you need to restrict the number of points available to take in calculator to be 19 and that you can't take the last point in a tree before the ones before it. This leads to the skill upgrades, you wouldn't always want to take the upgrades so being able to select which ones is kind of a "feature" of making a build. The first ability in each tree btw are always unlocked. Your problem right now is the low res images of the skill icons, it wouldn't be a problem having a smaller diamond for the upgrades if the main ones were bigger.

That being said I do have some higher rez images of the skills from Single Player that I could extract for you. Unfortunately the only problem is that they are only in one state (ie no alternate picture for the glow); you may have to find a different way to highlight them (not sure how you are doing it now though if you are using two images of the skill etc).

For down the line having the skill tree + an active skill bar would be nice as sometimes you have to take a skill to get something else but it isn't in your active ability bar.

dkly037 aime ceci

Retour en haut

#27
dkly037

Posté 12 décembre 2014 - 09:27

Members
16 messages

I think it is pretty easy to tell if a build is fake or real. What if I want to pick my 4 active abilites immediately, then work my way up the skill tree? I like the flexibility of selecting the skills that are core to the build first, afterwards I can figure out how to create a valid skill tree. What if I do not have a build in mind? I want to browse the abilities first, highlight all the skills that seem interesting, sort of like noting or bookmarking the skills. I then return to them later for review, and see what builds can be done.

In ME3 MP, you can respec the character, this removed the abilities that are unlocked by default. I am assuming they will eventually do the same for DA MP; so I have left the first abilities unlocked in anticipation.

When I originally made my mock up, I used 78x78 px icons. NevronEQ said they would rather have smaller icons to do less scrolling. I agreed. Furthermore, smaller icons also have several benefits:

they give a better overview of the skill treee (fit more stuff on screen)
less scrolling
mobile friendly (easily viewable on smart phones and tablets)

I cannot easily switch over to larger icons without copying and pasting all the icons again and changing the CSS markup. If a lot of people wanted larger icons then I am willing to do it. Again, I will think about a way to signify upgrades on the weekend.

To highlight an image I extract the borders like so:

http://creversely.com/dai/border.png

On the top row lays the hover border (highlight). On the middle row lays the border for when the icon is selected. On the last row lays the border for when the icon is unselected. To replicate the states found in-game, I stack (like pancakes) the following images on top of each other: original icon (bottom of stack), unselected or selected border (middle), hover border (top). The states toggle on and off depending on user interactions. For example, the unselected/selected icons turn on depeding on if the user clicked an icon.

To exract all icons very quickly (4 hours worth of work), I use several photo editing techniques. If you are interested, send me a personal message, and I will try to explain it. I will put the active ability bar on my todo list.