IOS 实现3D 浮动效果动画

2022-10-21,

这篇文章主要介绍了IOS 实现3D 浮动效果动画的相关资料,需要的朋友可以参考下

涉及到的技术点

  1. CATransform3DRotate
  2. 转换坐标系

整体视图的层级结构

  1. tvOSCardView
  2. cardImageView
  3. cardParallaxView

转换坐标系的代码

CGFloat xFactor = MIN(1, MAX(-1, (touchPoint.x - (self.bounds.size.width / 2)) / (self.bounds.size.width / 2)));
CGFloat yFactor = MIN(1, MAX(-1, (touchPoint.y - (self.bounds.size.height / 2)) / (self.bounds.size.height / 2)));

cardImageView.layer.transform = [self transformWithM34:1.0 / -500 xf:xFactor yf:yFactor];
cardParallaxView.layer.transform = [self transformWithM34:1.0 / -250 xf:xFactor yf:yFactor];

CGFloat zFactor = 180 * atan(yFactor / xFactor) / M_PI + 90;

tvOSCardAnimation动画的运行结果

文/JoyceZhao(简书作者)
原文链接:http://www.jianshu.com/p/42770b5cee0d
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

您可能感兴趣的文章:

  • IOS等待时动画效果的实现
  • iOS实现滚动字幕的动画特效
  • IOS实战之自定义转场动画详解
  • IOS实现视频动画效果的启动图
  • IOS 圆球沿着椭圆轨迹做动画
  • iOS 水波纹动画的实现效果
  • 在iOS中实现谷歌灭霸彩蛋的完整示例

《IOS 实现3D 浮动效果动画.doc》

下载本文的Word格式文档,以方便收藏与打印。