我正在创建一个纸牌游戏,我想要制作一个随机播放的动画。
想象一下桌子上有5张牌:
A B C D E
我希望功能能够占用1张卡并将其插入新位置。例如,insert(D, 1)
会将D
卡插入位置1,从而导致:
A D B C E
我目前正在使用flexbox轻松完成此操作,我只需使用css属性order
为每个div设置排序。但是flexbox不支持动画。我希望能够为D
制作动画,移动到所有卡片之上并插入A
和B
之间。
我已经看过div /卡可以拖动的解决方案,但这不是我想要的。我想以编程方式显示随机播放的每一步。 我也看到过“硬编码”的解决方案。像这样的动画:http://jsfiddle.net/uNv8C/但我可以有任意数量的牌(合理的数字52)
任何指针都会非常有用。我看了jquery sortable,但是没有看到在这里使用它的方法 - 可以在这里使用吗?