SceneKit_中级08_阴影详解

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

先说几句,由于Swift 3.0 逐渐稳定,我之后所有的教程都会使用Swift 语言,如果学习请移步我亲写的学习教程

让学习成为一种习惯

学习目标

掌握SceneKit 框架中的三种阴影创建方式

阴影

阴影类型 :静态,动态,投射

  • 静态

这个方式很简单,就是给物体节点增加一个子节点,子节点设置一个图片作为它的阴影

  • 动态

设置灯光的属性castsShadow 为YES 则,物体移动时,阴影也会跟着变化

  • 投射

通过设置灯光的属性gobo,来捕捉阴影

一起敲代码

  • 第一步 先创建工程
让学习成为一种习惯
  • 第二步 添加库SceneKit
让学习成为一种习惯
  • 第三步 创建游戏视图
    let scnView = SCNView(frame: self.view.bounds)
    scnView.backgroundColor = UIColor.black
    self.view.addSubview(scnView)
  • 第四步 创建游戏场景
    let scene = SCNScene()
    scnView.scene = scene
  • 第五步 创建一个照相机
    let cameraNode  = SCNNode()
    cameraNode.camera = SCNCamera()
    cameraNode.camera?.automaticallyAdjustsZRange = true
    cameraNode.position = SCNVector3(x: 0, y: 1000, z: 1000)
    cameraNode.rotation = SCNVector4(x: 1, y: 0, z: 0, w: -Float(M_PI/4))
    scnView.scene?.rootNode.addChildNode(cameraNode)

提示:

摄像机默认方向为 -Z 轴, 我设置它的位置为(0,1000,1000) ,沿自身坐标系x轴顺时针旋转了45度,这个是由于我的模型比较大,一般摄像机的位置是根据模型的大小进行调节的。

  • 第六步 创建一个聚光灯
    /// 1.先创建一个灯罩
    let cone = SCNCone(topRadius: 1, bottomRadius: 25, height: 50)
    cone.radialSegmentCount = 10
    cone.heightSegmentCount = 5
    /// 2.创建一个灯节点
    let spotLight  = SCNNode()
    spotLight.geometry = cone
    spotLight.geometry?.firstMaterial?.emission.contents = UIColor.yellow
    spotLight.position = SCNVector3(0, 0, 0)
    spotLight.light = SCNLight()
    spotLight.light?.type = .spot
    spotLight.light?.castsShadow = true
    spotLight.light?.shadowMode = .forward
    spotLight.light?.spotOuterAngle = 60
    spotLight.light?.zFar = 2000
   ///  创建一个支点,放等源
   let handleSpot = SCNNode()
    handleSpot.position = SCNVector3(0, 1000, 40)
    handleSpot.addChildNode(spotLight)
    scnView.scene?.rootNode.addChildNode(handleSpot)

提示:

灯光对象的属性 shadowMode 默认为.forward,如果你设置了这个属性,灯光效应下的阴影效果才能呈现出来,它会根据灯光效应去调节阴影颜色的阿尔法分量值

问题1:知道为什么要设置灯光的最远距离为2000吗?

因为灯光的最远注意默认值为100 ,由于我们将灯的指点放在1000 灯光照射不到那个距离,所以我们需要调节灯光照射的最远距离

问题2:为什么要给灯光添加一个支点,不添加可以吗?

不添加支点,是可以的,但是你要给灯光添加约束,让其对着模型,然后,你让这个灯光移动,这个时候,你会发现灯光节点一动不动,这里为什么不动,猜测是,行为和约束都要计算位置和角度,然而两者冲突了,优先使用约束。

  • 第七步 为了效果明显,给灯光支点添加一个移动的行为
 let moveRight = SCNAction.move(to:SCNVector3(100, 1000, 40) , duration: 2)
 let moveLeft = SCNAction.move(to:SCNVector3(-100, 1000, 40) , duration: 2)
 let sequence = SCNAction.sequence([moveLeft,moveRight])
 handleSpot.runAction(SCNAction.repeatForever(sequence))
  • 第八步,添加一个地板,让阴影有地方显示
let floor = SCNFloor()
floor.firstMaterial?.diffuse.contents = "floor.jpeg"
let floorNode = SCNNode(geometry: floor)
scnView.scene?.rootNode .addChildNode(floorNode)
  • 第九步 添加一个模型对象到场景中去
let treeNode  = SCNScene(named: "palm_tree.dae")?.rootNode.childNode(withName: "tree", recursively: true)
treeNode?.rotation = SCNVector4(x: 1, y: 0, z: 0, w: -Float(M_PI/2))
scene.rootNode.addChildNode(treeNode!)
  • 第十步 我们想让灯光在移动过程中一直对着我们的模型,所以我们添加一个约束
let constaint = SCNLookAtConstraint(target: treeNode)
 spotLight.constraints = [constaint]

友情提示:

各位小伙伴,注意了,一定要搞清楚这个约束谁是执行者添加给谁,这里的执行是是灯光节点自己,不是支点

以上我们演示了动态阴影的实现过程,我们运行看一下效果

让学习成为一种习惯

接下来演示一下,让灯光发射有形状的光

  • 随便找一张图片
让学习成为一种习惯
  • 修改上面的灯光代码
spotLight.light?.castsShadow = false
spotLight.light?.gobo?.contents = "mip.jpg"
spotLight.light?.gobo?.intensity = 0.65

运行效果

让学习成为一种习惯

提示

一般如果我们使用这种效果的话,需要做如下设置

spotLight.light?.shadowMode = .modulated

再次运行

Scenekit_11.gif

今天我们的内容就学习到这里,希望对你有所帮助!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容