因 : 无聊看到开发群里说到“掌上英雄联盟”重力感应粒子碰撞效果,边新生想法动手实现一下💡💡💡
>>>>>>>>>>首先仔细观察效果
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
