Create a 2D image as a SCNNode in scene kit ios swift

Question

I am trying to create an SCNNode in scene kit based on a 2D jpg image. This image is to be placed in another 3D SCNNode. I have tried using .background.contents on my scene but this is not what i'm looking for. Any idea of how i can do that? Thanks!

This is my code:

@IBOutlet weak var sceneView: ARSCNView!

in the viewDidLoad method:

let scene = SCNScene()

sceneView.scene = scene

in viewWillAppear:

let ship = SpaceShip()
ship.loadModal()
ship.position = SCNVector3(0, 0, Double(-1.5))
sceneView.scene.rootNode.addChildNode(ship)

this is the class Spaceship:

class SpaceShip: SCNNode {

func loadModal(){
    let virtualObjectScene = SCNScene(named: "ship.scn")!
    let wrapperNode = SCNNode()

    for child in virtualObjectScene.rootNode.childNodes{
        wrapperNode.addChildNode(child)
        }

    self.addChildNode(wrapperNode)
    }
}

It would be as easy as just to set an image to the material of a geometry object. — El Tomato, Aug 07 '17 at 11:18
If this question is about "I don't even know where to start", my answer is No. If it's just the matter of helping you with a couple of lines, show your work. — El Tomato, Aug 07 '17 at 13:17
Check my edited answer. I just want to place a 2D image on top of that ship... — mei02, Aug 07 '17 at 13:59

Joseph Hajjar · Accepted Answer · 2017-08-09T12:30:42.797

2

You can do it from the inspector. On any 3d object just go to the material properties and then change the diffuse property to an image, simple as that

edited Aug 09 '17 at 12:30

answered Aug 09 '17 at 02:52

Joseph Hajjar

138
2
12

I can't seem to find the material properties, how do u do this? sry im new to AR – Kinja Jan 29 '18 at 15:14

score 1 · Answer 2 · answered Jan 05 '18 at 14:53

1

It work for me

let node = SCNNode(geometry: SCNSphere(radius: 0.01))
node.geometry?.materials.first?.diffuse.contents = color
node.physicsBody? = .static()
node.name = name
node.physicsBody?.categoryBitMask = MaskNum.barrier.rawValue
node.geometry?.materials.first?.diffuse.contents = UIImage(named: "Circle")
node.position = SCNVector3(0.0, 0.0, -5.0)
sceneView.pointOfView?.addChildNode(node)

answered Jan 05 '18 at 14:53

docbohanh

31
2

In iOS 11.2 there is a image rendering problem with this solution (imge is shown as black and red colors only), have you faced like this problem? – ondermerol Feb 08 '18 at 08:54

Create a 2D image as a SCNNode in scene kit ios swift

2 Answers2