给 SCNPlane 添加阴影
Add shadow to SCNPlane
我有 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
中的那样。但是这段代码根本行不通。
我需要
已更新。
为了从 3D 灯光投射和接收阴影,您必须使用 3D 图元(如立方体、球体、圆柱体等),或 .usdz
、.dae
或 .obj
。
可见平面上的阴影。
使用以下代码测试光线如何为 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
假影子。
如果你想使用 假阴影 写成 .png
(png 文件格式可以容纳 4 个通道)几何体上的纹理(带有预乘的 alpha 通道– RGB x A),使用以下方法:
planeNode.geometry?.materials.first?.diffuse.contents = UIImage(named: "shadow.png")
lightNode.light!.castsShadow = false
这是关于假阴影的 。
这是 .png
格式的预乘阴影(桌面上 drag-and-drop):
You can change its size and transparency and, of course, you can blur it.
我有 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
中的那样。但是这段代码根本行不通。
我需要
已更新。
为了从 3D 灯光投射和接收阴影,您必须使用 3D 图元(如立方体、球体、圆柱体等),或 .usdz
、.dae
或 .obj
。
可见平面上的阴影。
使用以下代码测试光线如何为 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
假影子。
如果你想使用 假阴影 写成 .png
(png 文件格式可以容纳 4 个通道)几何体上的纹理(带有预乘的 alpha 通道– RGB x A),使用以下方法:
planeNode.geometry?.materials.first?.diffuse.contents = UIImage(named: "shadow.png")
lightNode.light!.castsShadow = false
这是关于假阴影的
这是 .png
格式的预乘阴影(桌面上 drag-and-drop):
You can change its size and transparency and, of course, you can blur it.