Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tutorial #20

Open
dkniffin opened this issue Feb 6, 2017 · 0 comments
Open

Tutorial #20

dkniffin opened this issue Feb 6, 2017 · 0 comments

Comments

@dkniffin
Copy link
Owner

dkniffin commented Feb 6, 2017

When a user first visits the page, we should have a tutorial that walks them through the format, and how to use the app.

I think the best way to do this would be with masking, where have most of the screen go black (or blur or translucent), and show a circle around what you want to show. This is the best screenshot I could find showing what I'm talking about:
image

I was also thinking this would make a cool javascript library, where you would use CSS selectors to control where the mask would go. Something like:

import tutorialMask from 'awesomeNewMaskingLibrary'

tutorialMask('#graveyard', 'This is the graveyard. When cards are destroyed or discarded, they go here. In horde, you have to careful, because some cards will bring zombies back from the dead!')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant