iOS 重力感应粒子碰撞效果(UIDynamic + CoreM

因 : 无聊看到开发群里说到“掌上英雄联盟”重力感应粒子碰撞效果,边新生想法动手实现一下💡💡💡

>>>>>>>>>>首先仔细观察效果

IMG_0644.PNG

>>>>>>>>>>个人认为有2种实现方式

1 代码 UIDynamic + CoreMotion 就可以实现了
2 底层放一个webView,通过透明网页形式展现（个人猜测）

>>>>>>>>>> 代码实现须知

1 了解重力感应机制

{
通过手机陀螺仪的加速度判断(自行百度了解，资料很多)
}

2 了解UIDynamic（物理碰撞）机制

{
1 重力行为（UIGravityBehavior）,
2 推动行为(UIPushBehavior),
3 物体的属性包括弹性等(UIDynamicItemBehavior),
4边缘范围（UICollisionBehavior）
}(自行百度了解，资料很多)

>>>>>>>>>> 主要代码

1 重力感应

 if ([self.mManager isAccelerometerAvailable] == YES) {
        //回调会一直调用,建议获取到就调用下面的停止方法，需要再重新开始，当然如果需求是实时不间断的话可以等离开页面之后再stop
        [self.mManager setAccelerometerUpdateInterval:updateInterval];
        [self.mManager startAccelerometerUpdatesToQueue:[NSOperationQueue currentQueue] withHandler:^(CMAccelerometerData *accelerometerData, NSError *error)
         {
             double x = accelerometerData.acceleration.x;
             double y = accelerometerData.acceleration.y;
             if (fabs(y) >= fabs(x))
             {
                 if (y >= 0){
                     NSLog(@"Down");
                 }
                 else{
                     NSLog(@"Portrait");
                 }
             }
             else
             {
                 if (x >= 0){
                     NSLog(@"Right");
                 }
                 else{
                     //Left
                 }
             }
             
             // 1. 计算偏移量
             CGPoint offset = CGPointMake(accelerometerData.acceleration.x,-accelerometerData.acceleration.y);
             // 2. 计算角度
             CGFloat angle = atan2(offset.y, offset.x);
             // 3. 计算距离
             CGFloat distance = hypot(offset.y, offset.x);
             // 4. 设置推动的大小、角度
             self.baseView.push.magnitude = distance;
             self.baseView.push.angle = angle;
             // 5. 使单次推行为有效
             self.baseView.push.active = YES;
         }];
    }

2 UIDynamic

// 初始化仿真者
        UIDynamicAnimator *animator = [[UIDynamicAnimator alloc] initWithReferenceView:self];

       self.boxView.center = CGPointMake(190, 0);
        
        // 1. 添加重力行为
        UIGravityBehavior *gravity = [[UIGravityBehavior alloc] initWithItems:@[self.boxView]];
        
        [self.animator addBehavior:gravity];
        
        // 2. 边缘检测
        // 如果把红色view 也加边缘检测，则碰撞后红色View 也会被碰掉，因此要手动添加边界
        UICollisionBehavior *collision = [[UICollisionBehavior alloc] initWithItems:@[self.boxView]];
        // 让碰撞的行为生效
        collision.translatesReferenceBoundsIntoBoundary = YES;
        collision.collisionDelegate = self;
        
        // 5. 物体的属性行为
        UIDynamicItemBehavior *item = [[UIDynamicItemBehavior alloc] initWithItems:@[self.boxView,self.boxViewOther,self.boxView3,self.boxView4,self.boxView5]];
        
        // 设置物体弹性，振幅
        item.elasticity = 0.5;
        [self.animator addBehavior:item];
        
        // 设置物体推动
        self.push = [[UIPushBehavior alloc] initWithItems:@[self.boxView];

>>>>>>>>>> 最终效果

test.gif

>>>>>>>>>>视频转gif有点问题,😄😄

>>>>>>>>>>附上github地址

https://github.com/wutao66/UIDynamicTest

>>>>>>>>>>同时感谢🙏各个资源的介绍

>>>>>>>>>>最终实现只是个模型,方便大家做各个部分的调整复用