Do you know the game "War"? You split a deck of cards in two, you turn a card and see who has the higer value and so on. When I grew up I played a similar game with cards with motorcycles, cars, or planes. And instead of each card having only one value they had 6 to pick from.
I wanted to build that game to learn framer and to play it with my kids. You can see the current iteration here: http://share.framerjs.com/zzq0tbhb0xw7/
It's work in progress and I've only focused on getting the gameplay far enough along that I can test it with my kids. I have not focused on visual design or microinteractions yet. Lot's still to do.
However, when building the game and learning framer, I ran into several things that stumped me. I presented four of those yesterday in Seattle. Here are four small projects to highlight those issues. Hope they are helpful to others new to framer.
Images just show up nicely: http://share.framerjs.com/bhocdsybidzb/
Opacity 0 is not the same as visible false: http://share.framerjs.com/d82bjg4iskcy/
Where you put ignoreEvents matter: http://share.framerjs.com/aw3g0oos6rc3/
You can change animation options:
http://share.framerjs.com/32gnlaftxd2t/
3 Comments