iPhone撕衣服游戏-图片擦除

2919人阅读 评论(0) 收藏 举报
分类:

原理:

       撕衣服游戏的原理就是用两张几乎一样的照片(两张照片的区别就是一张比较保守,一张比较开放,实质是设计师在原本开放的模特照片上P了一层衣服),把开放的图片放在下面,把保守的图片放在上面(每一张图片都放在一张imageView上)。撕衣服的过程也就是擦除图片的过程,把手势接触过的地方图片擦除。

步骤:

       1.给控制器添加pan手势,并设置监听方法。

       2.在监听方法里

         2.1 获取当前点

         2.2 获取擦除的矩形范围(以当前点为中心,擦除当前点四周指定范围)

         2.3 开启上下文

         2.4 把控件上的layer渲染到上下文中

         2.5 擦除图片

         2.6 把生成的新图片赋给原来的imageView


代码:

- (void)viewDidLoad {
    [super viewDidLoad];
    // 给控制器添加pan手势
    UIPanGestureRecognizer *panGesutre = [[UIPanGestureRecognizer alloc] initWithTarget:self action: @selector(pan:)];
    
    [self.view addGestureRecognizer:panGesutre];
}

- (void)pan:(UIPanGestureRecognizer *)panGesture
{
    //1.获取当前点
    CGPoint currentPoint = [panGesture locationInView:self.view];
    
    //2.获取擦除的矩形范围
    CGFloat wipeWidth = 30;
    CGFloat wipeHeight = 30;
    CGFloat wipeX = currentPoint.x - wipeWidth * 0.5;
    CGFloat wipeY = currentPoint.y - wipeHeight * 0.5;
    
    CGRect rect = CGRectMake(wipeX, wipeY, wipeWidth, wipeHeight);
    //3.开启上下文
    UIGraphicsBeginImageContextWithOptions(self.view.frame.size, NO, 0);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //4.控件的layer渲染上去
    [self.imageView.layer renderInContext:ctx];
    
    //5.擦除图片
    CGContextClearRect(ctx, rect);
    
    //6.生成一张新的图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    self.imageView.image = image;
}
效果演示:

图片素材分享:撕衣服游戏图片素材


查看评论

55.模拟撕衣服游戏编辑图片

撕衣服游戏的原理:原本有2个图片,一个原图片,一个被撕了衣服以后的图片。两个图片放在一起,原图片放在上面,收滑动的时候上面图片的像素点设置成透明,下面的图片自然露出来了。 布局文件 activity_...
  • augfun
  • augfun
  • 2017-02-17 02:43:18
  • 845

iPhone撕衣服游戏-图片擦除

原理:        撕衣服游戏的原理就是用两张几乎一样的照片(两张照片的区别就是一张比较保守,一张比较开放,实质是设计师在原本开放的模特照片上P了一层衣服),把开放的图片放在下面,把保守的图片放在...
  • bao_libra
  • bao_libra
  • 2016-05-11 10:16:07
  • 2919

撕<em>衣服游戏</em>源码

android撕美女<em>衣服游戏</em> 立即下载 上传者: poem_code 时间: 2017-05-12 综合...Android撕<em>衣服</em>效果,<em>擦除</em>图片效果 立即下载 上传者: helinfengg 时间: 2015-04...
  • 2018年04月10日 00:00

Android撕衣服效果,擦除图片效果

  • 2015年04月08日 15:20
  • 6.51MB
  • 下载

十二 iOS之 图片擦除

如下图,大家可能玩过一些类似这样小游戏,这个人的外边的衣服可以擦掉,这就用到了绘图中图片擦除的技术,还有一些刮奖的功能,也是用到了这个技术,下面看看怎么实现的完整图片擦掉一部分的图片 以我这个项目为...
  • gezi0630
  • gezi0630
  • 2017-08-24 17:09:48
  • 301

模拟撕衣服的代码

var physics_accuracy = 3, mouse_influence = 20, mouse_cut = ...
  • sandstom_1985
  • sandstom_1985
  • 2015-07-02 14:51:49
  • 404

撕掉美女<em>衣服</em>安卓<em>游戏</em>开发(GridView实现画廊效果,带注释)

程序通过GridView实现画廊效果,供玩家选择要撕开的美女图,选择后触碰美女会播放声音,通过圆滑的画笔<em>擦除</em>美女的<em>衣服</em>。(网上核心的教程好像也是黑马视频这里面的,不过这...
  • 2018年04月17日 00:00

19、撕衣服(其实就是两张图片叠在一起)

--------------------------main.java----------------------------- package com.example.jiu; ...
  • u010919133
  • u010919133
  • 2015-03-18 21:34:45
  • 583

自定义View 实现 刮刮卡效果和美女撕衣服

直奔高潮,不对,直奔主题。 效果图: 下面上代码: public class TearView extends View { private Paint paint,paintB; ...
  • zhuwentao16
  • zhuwentao16
  • 2016-03-15 16:15:55
  • 463

撕开美女<em>衣服</em>源代码

android撕美女<em>衣服游戏</em> 立即下载 上传者: poem_code 时间: 2017-05-12 综合...Android撕<em>衣服</em>效果,<em>擦除</em>图片效果 立即下载 上传者: helinfengg 时间: 2015-04...
  • 2018年04月14日 00:00
    个人资料
    等级:
    访问量: 7万+
    积分: 1410
    排名: 3万+
    最新评论