iOS动画：3D动画（18）

最新推荐文章于 2025-05-17 12:54:07 发布
最新推荐文章于 2025-05-17 12:54:07 发布
阅读量5.1w 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS Swift 动画 文章标签： iOS动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/heyuzu1/article/details/90042075

根据图示创建动画，当点击菜单按钮时，需要显示左侧菜单栏
image_1
效果看起来就像一个3D动画。现在我们来实现这种效果。
打开工程中的ContainerViewController.swift，创建3D变换函数：

    func menuTransform(percent: CGFloat) -> CATransform3D {
   
   //percent表示菜单显示的百分比进度
        var identity = CATransform3DIdentity
        identity.m34 = -1.0/1000//表示为-1.0 / [camera distance]，透视效果，m34 = -1 / D，D越小，透视效果越明显，必须在有旋转效果的前提下，才会看到透视效果。
    }

对于c

最低0.47元/天 解锁文章

200万优质内容无限畅学
IOS 实现3D 浮动效果动画
09-01
主要介绍了IOS 实现3D 浮动效果动画的相关资料,需要的朋友可以参考下
3D动画 iOS
02-03
import UIKit import QuartzCore import SceneKit class GameViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // create a new scene let scene = SCNScene(named: "art.scnassets/ship.scn")! // create and add a camera to the scene let cameraNode = SCNNode() cameraNode.camera = SCNCamera() scene.rootNode.addChildNode(cameraNode) // place the camera cameraNode.position = SCNVector3(x: 0, y: 0, z: 15) // create and add a light to the scene let lightNode = SCNNode() lightNode.light = SCNLight() lightNode.light!.type = SCNLightTypeOmni lightNode.position = SCNVector3(x: 0, y: 10, z: 10) scene.rootNode.addChildNode(lightNode) // create and add an ambient light to the scene let ambientLightNode = SCNNode() ambientLightNode.light = SCNLight() ambientLightNode.light!.type = SCNLightTypeAmbient ambientLightNode.light!.color = UIColor.darkGrayColor() scene.rootNode.addChildNode(ambientLightNode) // retrieve the ship node let ship = scene.rootNode.childNodeWithName("ship", recursively: true)! // animate the 3d object ship.runAction(SCNAction.repeatActionForever(SCNAction.rotateByX(0, y: 2, z: 0, duration: 1))) // retrieve the SCNView let scnView = self.view as! SCNView // set the scene to the view scnView.scene = scene // allows the user to manipulate the camera scnView.allowsCameraControl = true // show statistics such as fps and timing information scnView.showsStatistics = true // configure the view scnView.backgroundColor = UIColor.blackColor() // add a tap gesture recognizer let tapGesture = UITapGestureRecognizer(target: self, action: "handleTap:") scnView.addGestureRecognizer(tapGesture) } func handleTap(gestureRecognize: UIGestureRecognizer) { // retrieve the SCNView let scnView = self.view as! SCNView // check what nodes are tapped let p = gestureRecognize.locationInView(scnView) let hitResults = scnView.hitTest(p, options: nil) // check that we clicked on at least one object if hitResults.count > 0 { // retrieved the first clicked object let result: AnyObject! = hitResults[0] // get its material let material = result.node!.geometry!.firstMaterial! // highlight it SCNTransaction.begin() SCNTransaction.setAnimationDuration(0.5) // on completion - unhighlight SCNTransaction.setCompletionBlock { SCNTransaction.begin() SCNTransaction.setAnimationDuration(0.5) material.emission.contents = UIColor.blackColor() SCNTransaction.commit() } material.emission.contents = UIColor.redColor() SCNTransaction.commit() } } override func shouldAutorotate() -> Bool { return true } override func prefersStatusBarHidden() -> Bool { return true } override func supportedInterfaceOrientations() -> UIInterfaceOrientationMask { if UIDevice.currentDevice().userInterfaceIdiom == .Phone { return .AllButUpsideDown } else { return .All } } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() // Release any cached data, images, etc that aren't in use. } }
ios 添加浮动效果_IOS 实现3D 浮动效果动画
weixin_39663605的博客
12-22 291
涉及到的技术点catransform3drotate转换坐标系整体视图的层级结构tvoscardviewcardimageviewcardparallaxview转换坐标系的代码cgfloat xfactor = min(1, max(-1, (touchpoint.x - (self.bounds.size.width / 2)) / (self.bounds.size.width / 2)))...
iOS动画技术：淡入淡出、延时滑动与点击颤抖实现
最新发布
weixin_35756373的博客
05-17 627
Core Animation框架提供了非常丰富的API来创建各种复杂的动画。开发者可以使用类及其子类来实现动画效果。淡入淡出动画主要涉及到的子类是，它允许开发者为单个属性指定一个开始值和结束值，并在这两个值之间进行插值运算，从而生成动画效果。对于想要更加精细控制动画效果的开发者来说，自定义动画曲线提供了更多的灵活性。在 UIKit 中可以通过或者来实现更复杂的动画效果，包括自定义动画的时序函数。自定义时序函数需要使用类，并可以使用其方法传入预定义的函数名称，如。
ios之3D动画（一）：基础3D动画
qq_28001881的博客
12-27 673
3D动画（一）：基础3D动画 CG的前缀告诉我们，CGAffineTransform类型属于Core Graphics框架，CoreGraphics实际上是一个严格意义上的2D绘图API，并且CGAffineTransform仅仅对2D变换有效。 和CGAffineTransform类似，CATransform3D也是一个矩阵，但是和2x3的矩阵不同，CATransform3D是一个可以在
系统学习iOS动画之六：3D动画
weixin_33964094的博客
12-27 644
本文是我学习《iOS Animations by Tutorials》 笔记中的一篇。 文中详细代码都放在我的Github上 andyRon/LearniOSAnimations。 到目前为止，之前的文章只使用了二维动画——这是在平面设备屏幕上动画元素的最自然方式。 毕竟，从iOS 7扁平化后的世界中的按钮，文本字段，开关和图像没有了第三维; 这些元素存在于由X和Y轴定义的平面中： 核心动画...
iOS视图动画技术：3D旋转动画解析
描述中的“3D旋转”进一步确认了这个压缩包文件可能包含的主要是与3D动画旋转相关的技术实现。在iOS开发中，实现3D旋转通常会用到Core Animation框架，这是苹果提供的一套强大的动画引擎，可以帮助开发者快速实现...
探索iOS开发：实现3D切换动画的技巧
在实现3D切换效果时，UIKit框架中的`UIViewController`类和`UIView`类将被用来定义视图控制器和视图，并通过其动画代理方法实现复杂的3D动画效果。 #### 2. UIView动画 `UIView`类提供了一系列动画方法，如`...
仿IOS activity界面翻转3D动画
09-13
本教程将深入探讨如何在Android中创建一个仿iOS的Activity间翻转3D动画，以增强应用的视觉吸引力和交互性。 首先，我们需要了解Android中的动画系统。Android提供了多种类型的动画，包括补间动画（Tween Animation...
掌握iOS动画：Ray Wenderlich最新教程代码资源全面解读
- **24-simple-3d-animations**: 此文件应该介绍如何在iOS应用中创建简单的3D动画效果，表明本书不仅覆盖了2D动画，还包括3D动画的制作。 - **21-animator-keyframe-animations**: 这个文件涉及到关键帧动画...
猫猫学IOS（四十一）UI之核心动画 两行代码搞定3D转场（做android的哭死）
weixin_34289744的博客
05-08 170
猫猫分享，必须精品 原创文章，欢迎转载。转载请注明：翟乃玉的博客 地址：http://blog.youkuaiyun.com/u013357243?viewmode=contents 源码素材地址：http://blog.youkuaiyun.com/u013357243/article/details/45583465 效果： 代码： 其实代码很少，苹果都给封装好了 //...
ios-瀑布流实现3D动画.zip
07-11
HAMainAnimationView 该视图为主视图 用法： 1.点击“show”按钮 动态弹出主视图 2.在主视图上可以左右滑动选择想要的图片 3.点击“选这个”之后，主视图消失，selectedImageView展示当前选中的图片可以进行浏览。
ios应用源码之一个点击图标，以3d动画的形式跳出的view demo 2018127
12-07
ios应用源码之一个点击图标，以3d动画的形式跳出的view demo
64k高压缩3D动画影片15个合集
06-07
每年，世界各地著名的Warez 组织都会推出一个小的动画片来比较，仅仅是 用来炫耀其实力。64K 的3D动画,而这个仅有63K 的3D动画，你花半个小时也看不完而且不重复带 音乐,1G多的数据压缩为64K ，其3D渲染和声效却令人震撼，尤其是已64K 的大 小竟然演示了近30分钟的不重复3D影片，其技术令人震惊～因为，事实上，这个 动画的真正容量超过15G ，也就是说这个Warez 组织把它压缩了25万倍
unity3d日式动漫模型资源-（不要下载了，近期资源已过期，等我后期补充）
05-03
本内容是文档形式，里面写的百度云地址和密码 内容为unity3d动漫模型资源，带骨骼，带动画，是一个女武士模型 详情请看我的博客https://blog.youkuaiyun.com/qq_41555580/article/details/89789193
iOS动画：多个视图的3D动画（19）
tania的专栏
05-09 432
通过这章，你将实现如下的相册效果： 在viewDidApear中添加卡片： for image in images { image.layer.anchorPoint.y = 0.0 image.frame = view.bounds view.addSubview(image) } navigation...
iOS 动画二十三： Intermediate 3D Animations
weixin_33964094的博客
01-18 170
主要代码： class ViewController: UIViewController { let images = [ ImageViewCard(imageNamed: "Hurricane_Katia.jpg", title: "Hurricane Katia"), ImageViewCard(imageNamed: "Hurricane_Douglas.jpg"...
前端复习--18 3D动画？
小白的学习路
07-25 6029
1. 3D操作？ transform: rotateX() : 正值向上翻转 rotateY() : 正值向右翻转 translateZ() : 正值向前，负值向后 值不能超过景深，不然就比整个屏幕还要大了 scaleZ() : 立体元素的厚度 3d写法 scale3d() : 三个值 x y z translate3d() : 三个值 x y z rotate3d() : 四个值 0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值