SibylLab / Program-Wars

A web-based educational card game for teaching basic concepts of computer programming and cybersecurity
https://program-wars.firebaseapp.com
GNU General Public License v3.0
16 stars 4 forks source link

Add some visual effects for when a Trojan replaces a card or Scan blocks a card #595

Closed strinsberg closed 4 years ago

strinsberg commented 4 years ago

Is your feature request related to a problem? Please describe. It can be hard to know what happened when you play a mimicked card. It would be nice to briefly flash a notification or effect on the screen to let the player know what has happened.

Describe the solution you'd like Put some kind of image or words on the screen for 1-2 sec when some effect reacts to something, like a mimicked card being played.

Perhaps for some effects an extra icon should be added to the visual message box as well. eg) an opponent plays a virus on me but it is blocked by my scan, after the icon showing they played virus we add some icon that shows that scan blocked it. This could also be reflected in the text history of the message box.

Describe alternatives you've considered We have already added some time after the players turn so they will be able to see what their play resolved to. We have also been discussing a more visual message box that may help to see what other players are doing. These may help with the issue, but will likely not be quite enough for a nice user experience.

strinsberg commented 4 years ago

I have added these things to the next version of the game. They are still a bit ugly, but they get the job done and could be improved upon before or after we get this version merged and deployed.

A mimicked card was played Screenshot from 2020-06-24 17-07-02

A scan card was played and it removed a negative effect Screenshot from 2020-06-24 17-06-10

An attack was played and was blocked by an active scan effect Screenshot from 2020-06-24 17-06-32

strinsberg commented 4 years ago

I didn't like the text based notifications much so I have replaced them with images to show what has happened. It is not as explicit, but I think it is better.

mimicked card becomes something else... Screenshot from 2020-06-25 11-27-27 Effect is blocked by scan... Screenshot from 2020-06-25 11-27-38 Scan cleans an effect... Screenshot from 2020-06-25 11-28-06