Comments (4)
I've spent some time looking into the implementation and as far as I can see the state handling is broken.
There are a number of things with both useSprings
and useGesture
that don't play well with the current set up when updating props.
I think it would be wise and take a step back make sure the hooks are utilized correctly. (Or find another library which better supports our use case.)
from swipeforfuture.com.
But in reality these are two completely different issues. I'll create another issue regarding the state of the cards and state/prop problems. I'll try to fix it during the day.
Moved the state issue suggestion to #33
from swipeforfuture.com.
This is a great point!
If I remember correctly. Tinder has both buttons and swipe functionality in order to control the selection process. I like having both since swiping is not optimal in all cases. (Also maybe adding buttons could improve accessibility)
On your number idea 2: I think we could either add visual activation zones
in the background or we could tint the cards when they reach an activated distance from the center.
On your idea number 1: What do you think about having only one card being interactive at a time? I think we could improve the state by completely removing the interactivity for the cards which are not currently active.
from swipeforfuture.com.
This is outdated. CLosing.
from swipeforfuture.com.
Related Issues (20)
- Add scenario version and game engine version to show compatibility in the game UI HOT 1
- Rename pannable to swipeable for clarity HOT 1
- Investigate decreasing the SWIPE_THRESHOLD to a smaller value to allow quick swipes on mobile
- Fix prettier formatting error
- Cards with dynamic content based on state
- Idea: Use shorter card and prop ids for production builds to save data
- Fix position for cards swiped to the left HOT 1
- Idea: Maybe disable browser zooming while playing the game
- Idea: Add alt texts to images in the game
- Update landing page
- Idea: edit scenarios with interactive diagrams
- Switch to AGPL license
- Consider moving tailwind classes to the style block of each component to improve readability
- Add some tranition or animation when showing a new card, to make it clear that something changed
- UX: Clearly animate the change that happens for various stats after a decion was made
- UX: make it clear how to play the game in your first session
- Document the possibilities for scenario creation + the game engine features
- Allow cards to hide/show stats during the game runtime
- Prevent debug logging (and maybe other actions) when calculating the action indicators
- Consider showing a detailed view of all variables that should be accessible to the player
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swipeforfuture.com.