前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SceneKit_大神03_3DTitle

SceneKit_大神03_3DTitle

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

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文字

让学习成为一种习惯

学习内容

教你如何在IOS中制作NavigationBar 上的3D-Title

实战讲解

效果图如下:

帅吧,一起来学习

  • 第一步 创建工程(略)
  • 第二步 布局界面

一定要自己动手

  • 第三步 在.m 文件中弱引用一下这些控件

若引用

  • 第四步 引用框架<SceneKit/SceneKit.h>

动手做哦

  • 第五步 创建场景
代码语言:javascript
复制
  // 这是view的颜色和navigation的颜色一致
self.scnView.backgroundColor = [UIColor colorWithRed:245/255.0 green:245/255.0 blue:245/255.0 alpha:1];
//创建场景
self.scnView.scene = [SCNScene scene];
  • 第六步 添加照相机
代码语言:javascript
复制
SCNNode *cameraNode =[SCNNode node];
cameraNode.camera = [SCNCamera camera];
cameraNode.position = SCNVector3Make(0, 0, 20);
[self.scnView.scene.rootNode addChildNode:cameraNode];
  • 第七步 添加平行光
代码语言:javascript
复制
SCNNode *lightNode = [SCNNode node];
lightNode.light = [SCNLight light];
lightNode.light.type = SCNLightTypeDirectional;
[self.scnView.scene.rootNode addChildNode:lightNode];
  • 第八步 创建文字几何模型 添加到场景中去
代码语言:javascript
复制
self.textNode = [SCNNode node];
[self.scnView.scene.rootNode addChildNode:self.textNode];
self.text = [SCNText textWithString:@"首页" extrusionDepth:3];
self.text.font = [UIFont fontWithName:@"苹果" size:10];
self.text.containerFrame = CGRectMake(-50, -15, 100, 20);
self.text.wrapped = true;
 self.text.alignmentMode = kCAAlignmentCenter;
self.text.firstMaterial.diffuse.contents = [UIColor blackColor];
  self.textNode.geometry = self.text;
  • 第九步 在textField 的代理时间中更改 场景中的文字
代码语言:javascript
复制
 self.inputTextField.delegate = self;
// 代理事件
 -(BOOL)textFieldShouldReturn:(UITextField *)textField{
self.text = [SCNText textWithString:textField.text extrusionDepth:3];
self.text.font = [UIFont fontWithName:@"苹果" size:10];
self.text.firstMaterial.diffuse.contents = [UIColor greenColor];
self.text.containerFrame = CGRectMake(-50, -15, 100, 20);
self.text.wrapped = true;
self.text.alignmentMode = kCAAlignmentCenter;
self.textNode.geometry = self.text;
[textField resignFirstResponder];
return true;
}
  • 第十步 滑块滑动的时候可以改变文字的颜色
代码语言:javascript
复制
  self.text.firstMaterial.diffuse.contents = [UIColor colorWithRed:self.RSlider.value green:self.GSlider.value blue:self.BSlider.value alpha:1];
  • 第十一步 让字体旋转起来
代码语言:javascript
复制
 [self.textNode runAction:[SCNAction repeatActionForever:[SCNAction rotateByX:1 y:0 z:0 duration:1]]];

总结: 这个SceneKit 游戏引擎的很简单和我们的应用程序相结合的案例,之后还有更多精彩内容奉上,请持续关注!

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 学习内容
  • 实战讲解
相关产品与服务
图像处理
图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档