{"id":2126,"date":"2021-07-03T18:22:24","date_gmt":"2021-07-03T18:22:24","guid":{"rendered":"https:\/\/sezeromer.com\/?p=2126"},"modified":"2023-03-04T13:44:21","modified_gmt":"2023-03-04T10:44:21","slug":"arkit-ile-cisim-olusturmak-ve-gostermek","status":"publish","type":"post","link":"https:\/\/sezeromer.com\/en\/arkit-ile-cisim-olusturmak-ve-gostermek\/","title":{"rendered":"Creating and displaying objects with ARKit"},"content":{"rendered":"

Hello friends, in this article, I will talk about how we can show objects on the camera in the real world with ARKit. In my previous article, I talked about how to create a simple project with ARKit. You can find that article here<\/a>.<\/p>\n

First, we need to create a Node to create an object on the screen. We need to adjust where this object will stand in the real world, its color, etc. In the example below, the object is created in many different ways. From here, you can create objects as necessary for your own project.<\/p>\n

\n
\/\/\r\n\/\/  ViewController.swift\r\n\/\/  scene-view\r\n\/\/\r\n\/\/  Created by Omer Sezer on 3.07.2021.\r\n\/\/\r\n\r\nimport UIKit\r\nimport ARKit\r\n\r\nclass ViewController: UIViewController {\r\n\r\n    @IBOutlet weak var sceneView: ARSCNView!\r\n    let configuration = ARWorldTrackingConfiguration()\r\n    \r\n    override func viewDidLoad() {\r\n        super.viewDidLoad()\r\n        setUI()\r\n    }\r\n    \r\n    func setUI() {\r\n        \/\/ MARK: sceneView\r\n        sceneView.debugOptions = [.showFeaturePoints, .showWorldOrigin]\r\n        sceneView.session.run(configuration)\r\n        sceneView.autoenablesDefaultLighting = true\r\n        \r\n        let createdNode = createCustom()\r\n        createdNode.position = SCNVector3(0, 0, -0.2)\r\n        sceneView.scene.rootNode.addChildNode(createdNode)\r\n    }\r\n\r\n    func createBox() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNBox(width: 0.1, height: 0.1, length: 0.1, chamferRadius: 0.03)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createCapsule() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNCapsule(capRadius: 0.1, height: 0.3)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createCone() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNCone(topRadius: 0, bottomRadius: 0.3, height: 0.3)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createCylinder() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNCylinder(radius: 0.2, height: 0.1)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createSphere() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNSphere(radius: 0.1)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createTube() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNTube(innerRadius: 0.1, outerRadius: 0.3, height: 0.3)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createTorus() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNTorus(ringRadius: 0.3, pipeRadius: 0.1)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createPlane() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNPlane(width: 0.2, height: 0.2)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createPyramid() -> SCNNode {\r\n        let node = SCNNode()\r\n        node.geometry = SCNPyramid(width: 0.1, height: 0.1, length: 0.1)\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n    \r\n    func createCustom() -> SCNNode {\r\n        let node = SCNNode()\r\n        let path = UIBezierPath()\r\n        path.move(to: CGPoint(x: 0, y: 0))\r\n        path.addLine(to: CGPoint(x: 0, y: 0.02))\r\n        path.addLine(to: CGPoint(x: 0.02, y: 0.03))\r\n        path.addLine(to: CGPoint(x: 0.04, y: 0.02))\r\n        path.addLine(to: CGPoint(x: 0.04, y: 0))\r\n        let shape = SCNShape(path: path, extrusionDepth: 0.02)\r\n        node.geometry = shape\r\n        node.geometry?.firstMaterial?.specular.contents = UIColor.orange\r\n        node.geometry?.firstMaterial?.diffuse.contents = UIColor.blue\r\n        return node\r\n    }\r\n\r\n}<\/pre>\n<\/div>\n
Box<\/strong><\/h2>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Capsule<\/strong><\/h2>\n
Detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Cone<\/strong><\/h1>\n
Detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Cylinder<\/strong><\/h1>\n
More detailed information can be found here.<\/p>\n
\"\"<\/p>\n
Sphere<\/strong><\/h1>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Tube<\/strong><\/h1>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Torus<\/strong><\/h1>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Plane<\/strong><\/h1>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Pyramid<\/strong><\/h1>\n
More detailed information can be found here<\/a>.<\/p>\n
\"\"<\/p>\n
Special<\/strong><\/h1>\n
Sometimes you may want to create different custom objects in addition to these objects. Here it depends a little on your imagination and work. I created a small house object. I shared the codes above, you can check it from there. The screenshot is as follows.<\/p>\n
\"\"<\/p>\n
 <\/p>\n
If you have questions, you can reach us by sending an e-mail or comment. Good work.<\/p>","protected":false},"excerpt":{"rendered":"
Hello friends, in this article, I will talk about how we can show objects on the camera in the real world with ARKit. In my previous article, I talked about how to create a simple project with ARKit. You can find that article here. First, we need to create a Node to create an object […]<\/p>\n","protected":false},"author":1,"featured_media":2117,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[824,327,706],"tags":[813,812,826,828,830,534,832,839,829,831,827,825,841,837,838,840,816,834,833,328,707,836,835],"class_list":["post-2126","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arkit","category-swift","category-swiftui","tag-ar","tag-arkit","tag-box","tag-capsule","tag-cone","tag-custom","tag-cylinder","tag-duzlem","tag-kapsul","tag-kure","tag-kutu","tag-node","tag-piramit","tag-plabe","tag-plane","tag-pyramid","tag-scene-view","tag-shepere","tag-silindir","tag-swift","tag-swiftui","tag-torus","tag-tube"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2126"}],"collection":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/comments?post=2126"}],"version-history":[{"count":4,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2126\/revisions"}],"predecessor-version":[{"id":2672,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2126\/revisions\/2672"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/2117"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=2126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=2126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=2126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}