Page 1 of 2

To zoom? To borderline? Or to nothing?

Posted: Fri Dec 02, 2011 17:04
by xarn
Hello,

There was a recent argument in the irc channel regarding the small detail of what happens when hovering your mouse over the cards.

Please try it out at:
http://50.57.161.126/

and tell us what you think.

Re: To zoom? To borderline? Or to nothing?

Posted: Fri Dec 02, 2011 18:32
by jojo
The trouble with the zoom as it currently stands is that if you have one full line of cards, highlighting a card can push the other cards aside, creating a second line of cards. This moves everything about, creating unnecessary and distracting movement on the screen. Part of the trouble is so much of the screen is taken up by the different fronts, that the individual cards are too tiny to read any useful information off of without zooming in and out.

I don't know how feasible it is, but ideally there would be a pop-up enlargement of the card as you hover over it. Like in Elements (in the picture the mouse is over the cat card, but my print screen function has auto-edited out the cursor).

Re: To zoom? To borderline? Or to nothing?

Posted: Fri Dec 02, 2011 19:59
by aspidites
I think the issue with the zoom affect is that, for lack of better words, its gimmicky. That is, it's cool at first, but has no true utility purpose. Or at least, what utility purpose exists is overshadowed by the disorienting affect of the cards being rearranged.

Of the options listed, I like the border effect the most, though I'd suggest a highlighting affect (or glow) , as it would be the least intrusive. That said, you are the developer, so your word sticks. You could also perhaps have an options panel that gives the user the choice of which animation to use.

I can't seem to find the code that determines it, but I imagine that each effect could be wrapped in a function object easily enough.

Re: To zoom? To borderline? Or to nothing?

Posted: Fri Dec 02, 2011 22:36
by xarn
Just for information, you can get the full view of a card by right clicking.
The trouble with the zoom as it currently stands is that if you have one full line of cards, highlighting a card can push the other cards aside, creating a second line of cards.
I guess you refer to the old version. It has been updated since then. The cards still have a little bit motion though which can be "gimmicky".

Re: To zoom? To borderline? Or to nothing?

Posted: Sat Dec 03, 2011 00:47
by jojo
xarn wrote:Just for information, you can get the full view of a card by right clicking.
This. Changes. Everything. :o

Re: To zoom? To borderline? Or to nothing?

Posted: Sat Dec 03, 2011 09:47
by xarn
glad it pleases you. :mrgreen: :roll:

Re: To zoom? To borderline? Or to nothing?

Posted: Wed Dec 07, 2011 09:30
by xarn
News:

Since there were requests to do so, I removed the zoom and added the borders.
To have all cards "fixed", I also had to remove the slow card rotation in favor of instant rotation.

(Explanation)

In order to rotate from 0 to 90 degrees and back, I used some morph capabilities of the new html5.
Moreover, this morph is active whenever the card change to another state. This includes when rotating but also the hover effect (on mouse over).
Putting borders instead made the same result: in a brief moment, all cards moved slightly due to the border appearing while the margin disappeared.
To solve that, I removed the morph altogether.

Future

I don't know if you like it or not. I could also re-enable the morph for the card flipping and you would see the small "all cards moving 1 pixel" while the border is drawn. All this is relatively easy to change, so I don't mind. Perhaps there would also be a way to enclose the cards into boxes so that a zoom/border/whatever wouldn't affect the other cards at all ...however, this requires a little more work, and, as it is a detail, is left for the future.

Current "easy" alternatives are:
- currently: instant borders + instant rotate (other cards fixed)
- before: slow zoom + slow rotate (other cards move)
- other: slow border + slow rotate (other cards move slightly)
- other: nothing + slow rotate (other cards fixed)

Feedback welcome

Re: To zoom? To borderline? Or to nothing?

Posted: Sat Dec 10, 2011 11:22
by snowdrop
Looks great :) I only ran into one issue with it, but it's maybe only on my end. In Chromium I get the following after rotating back a card:
artifact.jpeg
artifact.jpeg (13 KiB) Viewed 4006 times
To replicate it, just mark a card. Then unamrk it AND keep the mouse pointer still/over the card, all the time. Then you get the above result. Move the mouse pointer ont he table, and it auto-fixes itself.

Re: To zoom? To borderline? Or to nothing?

Posted: Fri Dec 16, 2011 12:57
by xarn
hmmm ...strange ...I didn't encountered this on my laptot ...perhaps it's a bug specific to your browser version, OS version, graphic card drivers or something alike.
Does somebody else have such strange visual artefacts?

Re: To zoom? To borderline? Or to nothing?

Posted: Fri Dec 16, 2011 15:12
by aspidites
Also using chromium and get the same effect. However, the clipping only happens on roll-over. That is, once I move my mouse, the full image is restored.