前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SceneKit_大神01_掉落的文字

SceneKit_大神01_掉落的文字

作者头像
酷走天涯
发布2022-05-13 16:15:13
5000
发布2022-05-13 16:15:13
举报

SceneKit_入门01_旋转人物

SceneKit_入门02_如何创建工程

SceneKit_入门03_节点

SceneKit_入门04_灯光

SceneKit_入门05_照相机

SceneKit_入门06_行为动画

SceneKit_入门07_几何体

SceneKit_入门08_材质

SceneKit_入门09_物理身体

SceneKit_入门10_物理世界

SceneKit_入门11_粒子系统

SceneKit_入门12_物理行为

SceneKit_入门13_骨骼动画

SceneKit_中级01_模型之间的过渡动画

SceneKit_中级02_SCNView 详细讲解

SceneKit_中级03_切换照相机视角

SceneKit_中级04_约束的使用

SceneKit_中级05_力的使用

SceneKit_中级06_场景的切换

SceneKit_中级07_动态修改属性

SceneKit_中级08_阴影详解

SceneKit_中级09_碰撞检测

SceneKit_中级10_滤镜效果制作

SceneKit_中级11_动画事件

SceneKit_高级01_GLSL

SceneKit_高级02_粒子系统深入研究

SceneKit_高级03_自定义力

SceneKit_高级04_自定义场景过渡效果

SceneKit_高级05 检测手势点击到节点

SceneKit_高级06_加载顶点、纹理、法线坐标

SceneKit_高级07_SCNProgram用法探究

SceneKit_高级08_天空盒子制作

SceneKit_高级09_雾效果

SceneKit_大神01_掉落的文字

SceneKit_大神02_弹幕来袭

SceneKit_大神03_navigationbar上的3D文字

让学习成为一种习惯

今天教大家如何实现下面的动画效果,前提你已经把我之前写的教程掌握了。

Scenekit_03.gif

代码讲解

  • 创建工程
  • 添加框架 SceneKit/SceneKit.h

让学习成为你生活的一部分

  • 添加SCNView视图到我们的控制器视图中去
代码语言:javascript
复制
 self.scnView = [[SCNView alloc]initWithFrame:self.view.bounds];
 self.scnView.backgroundColor = [UIColor blackColor];
 self.scnView.scene = [SCNScene scene];
 [self.view addSubview:self.scnView];
  • 设置物理世界执行时间
代码语言:javascript
复制
    // 设置物理世界执行的速度
self.scnView.scene.physicsWorld.speed = 5;
  • 添加照相机
代码语言:javascript
复制
SCNCamera *camera = [SCNCamera camera];
SCNNode *cameraNode = [SCNNode node];
cameraNode.camera = camera;
cameraNode.position = SCNVector3Make(0, 10, 10);
// 调整照相机的角度
cameraNode.rotation = SCNVector4Make(1, 0, 0, -M_PI/8.0);
[self.scnView.scene.rootNode addChildNode:cameraNode];
  • 添加地板
代码语言:javascript
复制
SCNFloor *floor = [SCNFloor floor];
floor.firstMaterial.diffuse.contents = @"floor-frames.jpg";
SCNNode *floorNode = [SCNNode nodeWithGeometry:floor];
[self.scnView.scene.rootNode addChildNode:floorNode];
floorNode.physicsBody = [SCNPhysicsBody staticBody];
  • 添加一个聚焦灯光
代码语言:javascript
复制
 SCNNode *lightNode = [SCNNode node];
lightNode.light = [SCNLight light];
lightNode.light.type = SCNLightTypeSpot;
lightNode.position = SCNVector3Make(0, 100, 0);
lightNode.rotation = SCNVector4Make(1, 0, 0, -M_PI/2.0);
[self.scnView.scene.rootNode addChildNode:lightNode];
  • 添加文字
代码语言:javascript
复制
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"酷"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"走"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"天"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"涯"]];

[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"酷"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"走"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"天"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"涯"]];
  • 下面是创建文字节点的代码
代码语言:javascript
复制
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"酷"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"走"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"天"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"涯"]];

[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"酷"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"走"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"天"]];
[self.scnView.scene.rootNode addChildNode:[self createTextNode:@"涯"]];

  • 友情提示

你只要动手就能实现这个效果,很简单,代码不提供,想学习的,请关注一下。后面更多精彩内容。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-05-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档