ios - "Stick"UIView和SCNNode一起做动画

Question

背景

我想同步移动一个 SCNNode 和一个包含图像的 UIView。 UIView 和 UIImageView 位于节点上，因此看起来它们是 SCNNode(立方体)的纹理。

代码

let move:Float = 15
let moveCube: SCNAction = SCNAction.moveTo(SCNVector3Make(cube.position.x-move, cube.position.y, cube.position.z), duration: 1)

我尝试了什么/我现在是怎么做的

我使用以下方法为 UIView 设置动画:

var move:Float = 15
var projMove = scnView.projectPoint(SCNVector3(x: move, y: 0, z: 0)) //converts 3D coordSystem into 2D

UIView.animateWithDuration(1, delay: 0, options: nil | UIViewAnimationOptions.CurveEaseOut, animations: {
    self.myView.center.x = CGFloat(-projMove.x)
    }, completion: { finished in
})

这有效，立方体向左移动，UIView 也是如此。
但这段代码并不是我认为的最佳解决方案。

问题

1. 有没有更好的方法让立方体向左移动，包括 UIView？
   • 同样，我想同时移动它，最好是使用一个代码段
     
2. 我可以将一个表面(例如正面)的纹理设置为图像吗？
   • 我想将图像设置为只有一侧的纹理
3. 我可以将整体纹理设置为图像，然后使用它的 alpha channel 将图像放在它上面吗？
   • 加上 #2，我想将立方体的纹理设置为一种颜色，高于我想投影图像的颜色(它有 alpha 层，所以颜色应该仍然可见。 )

提前致谢:)

Answer 1

Is there a better way to let the cube move left, including the UIView?

是的。您可以取消投影 View 的坐标并将其用作立方体移动的引用。参见 Unproject Point

Can I possibly set one surface's (the front e.g.) texture to the image instead?

是的，只需将立方体 Material 的漫反射 channel 设置为您的 UIImage 即可。

Could I even set the overall texture to an image and then put the image above it using it's alpha channel?

也许，我不太确定你在说什么，你介意扩展一下吗？如果我懂一点 Spritekit 将是你最好的选择。

以下是评论的更新答案:

I do use the unprojected points before projecting them in the SCNAction. And I meant more like moving both at once instead of a separate animation for each.

我认为没有。您可以对第三方属性进行动画处理并更改其 setter 以更改 View 和节点。您也可以使用 block ，但最终无法直接链接两者。

Well, I want to set the image only to one side of the cube.

您只需提供 6 种 Material 的数组，其中一种是您的图像，另外 5 种是要填充的第二种 Material 。您需要调整顺序来找到图像在数组中的位置。

That relates to #2, I want to set the texture to a color and then set one side's texture to the image I want to use.

有两种方法可以实现此目的。您可以使用着色器将图像添加到纯色之上，或者您可以制作第二个稍小(小于 1%)的立方体，并将该立方体设置为您想要的背景颜色。然后，在较大的图像上使用透明图像。