美文网首页
粒子效果

粒子效果

作者: 彼岸的黑色曼陀罗 | 来源:发表于2016-09-18 19:50 被阅读0次

粒子效果(复制层)

  • 开始

  • 重绘

  • 自定义一个DrawView

    • 绑定控制器的view

    • awakeFromNib中添加手势pan

    • 创建粒子

      • CALayer * dotLayer
      • cornerRadius
      • frame x 设置为负值,就能达到隐藏的效果
    • drawView中提供两个方法,作为接口

      • 开始

        • 创建帧动画CAKeyFrameAnimation
        • 根据路径做移动keyPath
        • .path = self.path.CGPath;
        • 把动画加给粒子,定义一个粒子的成员属性
        • duration
        • repeatCount
        • 让当前的view成为复制层,复制其子层
          • layerClass
          • CAReplicatorLayer
          • instanceCount = 50;
          • 设置延迟执行时间,instanceDelay = 0.25;
      • 重绘

        • 移除所有的动画
          • [self.dotLayer removeAllAnimation]
        • 删除路径
          • 删除路径当中所有的点
          • removeAllPoints
          • setNeedsDisplay
    • pan手势里

      • curP = [pan locationInView:self]
      • 开始:
        • 创建路径
        • moveToPoint:
        • self.path = path
      • 改变:
        • 定义一个成员属性path
        • addLineToPoint:
        • setNeedsDisplay
    • drawRect方法里面

      • stroke
  • 注意:一个路径可以画多条线

相关文章

  • 粒子效果

    特效组件(靠材质体现): component-effect 拖尾效果: 镜头光晕(Lens Flars):涉及到后...

  • 粒子效果

    //获取元素 var canvas = document.getElementById('canvas'); va...

  • 粒子效果

    粒子效果(复制层) 开始 重绘 自定义一个DrawView绑定控制器的viewawakeFromNib中添加手势p...

  • 粒子效果

    粒子效果 说到粒子效果,iPhone用户应该经常见到的,比如下雨天时天气app中的雨滴效果。还有和小伙聊微信时不小...

  • iOS --粒子效果简单实现

    前言 :整个粒子动画效果,学习学习... 看看演示效果 Pragma mark — NO.1 创建最简单的粒子效果...

  • 音视频开发之旅(15) OpenGL ES粒子系统 - 喷泉

    目录 粒子和粒子系统 实践:喷泉效果 遇到的问题 资料 收获 通过该篇的实践实现如下效果 一、什么是粒子和粒子系统...

  • vue粒子效果

    粒子效果是一个很好玩很有趣的东西,前几天有人问我vue怎么使用粒子效果,其实vue使用一些简单粒子效果很容易,下面...

  • vue粒子效果

    粒子效果是一个很好玩很有趣的东西,前几天有人问我vue怎么使用粒子效果,其实vue使用一些简单粒子效果很容易,下面...

  • PS一键制作3D人像粒子打散飞溅效果动作(含视频教学)

    给大家分享一款非常酷炫的ps飞溅粒子效果动作插件,使用飞溅粒子效果动作插件,可以制作出非常酷炫的飞溅粒子效果动作,...

  • canvas 会动的粒子效果

    particle-field canvas实现粒子场的动画效果 实现效果:粒子会动并且在一定范围内粒子之间出现连线...

网友评论

      本文标题:粒子效果

      本文链接:https://www.haomeiwen.com/subject/rsjgettx.html