洗牌效果的动画处理

翻转

    showFront=!showFront;

    [UIView transitionWithView:self duration:0.65f

                       options:UIViewAnimationOptionTransitionFlipFromRight animations:^{

                           self.iFrontView.hidden = !self.showFront;

                           self.iBackImageView.hidden = self.showFront;

                       } completion:^(BOOL finished) {

                          

                       }];

洗牌

- (void)xipai{

    self.count=0;

    if ([self.iType isEqualToNumber:@1]) {

        self.iCardViewRandomArray=[NSMutableArray arrayWithArray:@[@0,@1,@2,@3,@4,@5,@6,@7,@8]];

        

        for (int i=0;i<9;i++){

            NSNumber* context=[NSNumber numberWithInt:i];

            [UIView beginAnimations:nil context:(void*)context];

            [UIView setAnimationDuration:0.1];


            

            int xTo = 320/8*7;

            int xFrom = 320/8;

            CGFloat x = (CGFloat)(xFrom + arc4random() % (xTo - xFrom+

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为你提供一个简单的canvas洗牌动画的实现方式。首先,你需要一个包含所有需要洗牌的元素的数组,例如: ``` const cards = ['Ace', 'King', 'Queen', 'Jack', '10', '9', '8', '7']; ``` 然后,你需要在canvas中绘制这些元素。你可以使用canvas的`fillText`方法绘制文本,例如: ``` const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const x = 50; let y = 50; cards.forEach(card => { ctx.fillText(card, x, y); y += 30; }); ``` 现在,你可以编写一个洗牌函数,用于随机重排这些元素。例如: ``` function shuffle(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } return array; } ``` 最后,你需要在canvas中绘制动画。你可以使用`requestAnimationFrame`方法执行动画,并在每个帧中重绘canvas。例如: ``` let frameCount = 0; function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); if (frameCount < 60) { cards.forEach((card, index) => { const x = 50 + index * 30; let y = 50 + (frameCount / 60) * (cards.length - index) * 30; ctx.fillText(card, x, y); }); frameCount++; requestAnimationFrame(draw); } else { shuffle(cards); frameCount = 0; requestAnimationFrame(draw); } } draw(); ``` 这个动画会在60帧内将所有元素从底部向上移动到它们的初始位置,然后重新随机排列这些元素并继续动画
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值