【问题标题】:Add shadow to SCNPlane给 SCNPlane 添加阴影
【发布时间】:2019-06-22 17:56:24
【问题描述】:

我有ARKit 艺术品应用程序。我希望我的作品背后有阴影。阴影不能是动态的。只是静态阴影。

我尝试在艺术品后面添加一个平面。并为其设置阴影。但我发现这并不容易。

你能帮帮我吗?

let shadow = SCNPlane(width: artwork.size.width * 0.0254 + 0.03, height: artwork.size.height * 0.0254 + 0.015)

let layer = CALayer()
layer.frame = CGRect(origin: .zero, size: CGSize(width: shadow.width, height: shadow.height))
layer.shadowColor = UIColor.black.cgColor
layer.shadowOpacity = 1
layer.shadowOffset = .zero
layer.shadowRadius = 10

shadow.firstMaterial?.diffuse.contents = layer

阴影应该像UIKit's UIView。但是这段代码是行不通的。

我需要之类的东西

【问题讨论】:

  • 您不应该需要您发布的任何代码。阴影是在灯光而不是物体上设置的。您可以先将 castsShadow 设置为 true。
  • @CraigSiemens 我不需要动态阴影。我只需要一个静态阴影。

标签: swift scenekit augmented-reality arkit


【解决方案1】:

更新

为了从 3D 灯光投射和接收阴影,您必须使用 3D 图元(如立方体、球体、圆柱体等),或格式为 .usdz.dae 或 @987654326 的 3D 模型@。

可见平面上的阴影。

使用以下代码测试光如何为 3D 几何体生成阴影:

let scene = SCNScene()

let lightNode = SCNNode()
lightNode.light = SCNLight()
lightNode.light!.type = .spot
lightNode.light!.castsShadow = true
lightNode.light!.shadowMode = .deferred
lightNode.rotation = SCNVector4(x: -1, y: 0, z: 0, w: CGFloat.pi/2)
lightNode.position = SCNVector3(x: 0, y: 20, z: 0)
scene.rootNode.addChildNode(lightNode)

let sphereNode = SCNNode()
sphereNode.geometry = SCNSphere(radius: 2)
sphereNode.position = SCNVector3(x: 0, y: -2, z: 0)
scene.rootNode.addChildNode(sphereNode)

let planeNode = SCNNode()
planeNode.geometry = SCNPlane(width: 15, height: 15)
planeNode.position = SCNVector3(x: 0, y: -5, z: 0)
planeNode.rotation = SCNVector4(x: -1, y: 0, z: 0, w: CGFloat.pi/2) 

planeNode.geometry?.materials.first?.diffuse.contents = UIColor.red

scene.rootNode.addChildNode(planeNode)

不可见平面上的阴影。

如果您需要一个隐形平面接收阴影,请使用以下代码:

planeNode.geometry?.materials.first?.colorBufferWriteMask = []
planeNode.geometry?.materials.first?.writesToDepthBuffer = true
planeNode.geometry?.materials.first?.lightingModel = .constant

假影子。

如果你想在几何体上使用 fake shadow 写成.png(png 文件格式可以容纳 4 个通道)纹理(带有预乘 alpha 通道 - RGB x A),请使用以下方法:

planeNode.geometry?.materials.first?.diffuse.contents = UIImage(named: "shadow.png")

lightNode.light!.castsShadow = false

这里是my answer,关于假阴影。

这是.png 格式的预乘阴影(只需将其拖放到桌面上):

你可以改变它的大小和透明度,当然你也可以模糊它。

【讨论】:

  • 我认为我的自定义节点(艺术品)没有投下阴影。我已将 planeNode 添加到我的艺术品节点(后面),因此平面节点是艺术品的子节点。有问题吗?
  • 你的节点“艺术品”是什么?它是 SCN 原语还是其他?请在您的代码中显示它。
  • 目前无法显示代码,但它只是一个以图像为内容的 SCNBox。
  • 由于我看不到您的代码,也看不到其中可能存在的陷阱,因此您最简单的方法是使子节点独立于父节点。跨度>
  • 好的,谢谢。我认为对我来说最好的方法是使用 fake shadow。你知道我可以使用哪些图片吗?
猜你喜欢
  • 2015-10-23
  • 2020-08-23
  • 1970-01-01
  • 1970-01-01
  • 2018-07-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多