{"id":5207,"date":"2025-06-30T14:47:42","date_gmt":"2025-06-30T18:47:42","guid":{"rendered":"https:\/\/stepinto.vision\/?p=5207"},"modified":"2025-08-25T05:43:30","modified_gmt":"2025-08-25T09:43:30","slug":"getting-started-with-manipulation-component","status":"publish","type":"post","link":"https:\/\/stepinto.vision\/example-code\/getting-started-with-manipulation-component\/","title":{"rendered":"Getting started with Manipulation Component"},"content":{"rendered":"\n<p>A simple but powerful component to interact with entities in RealityKit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>This <a href=\"https:\/\/developer.apple.com\/documentation\/realitykit\/manipulationcomponent?changes=_6\">new componen<\/a>t in visionOS 26 provides a set of combined gestures for moving, rotating, and scaling entities. It has reasonable defaults with a few things we can change. <\/p>\n\n\n\n<p>We can add this just like any component.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#000000;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>let subject = Entity()\nlet mc = ManipulationComponent()\nsubject.components.set(mc)\ncontent.add(subject)<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #0000FF\">let<\/span><span style=\"color: #000000\"> subject = <\/span><span style=\"color: #795E26\">Entity<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #0000FF\">let<\/span><span style=\"color: #000000\"> mc = <\/span><span style=\"color: #795E26\">ManipulationComponent<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">content.<\/span><span style=\"color: #795E26\">add<\/span><span style=\"color: #000000\">(subject)<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Just like with system gestures, the entity needs to have an input target component and a collision. <code>ManipulationComponent<\/code> has a convenient utility for adding these. We don&#8217;t need to manually create and add the component when using this helper.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#000000;--cbp-line-number-width:calc(1 * 0.6 * .875rem);--cbp-line-highlight-color:rgba(0, 0, 0, 0.2);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>let subject = Entity()\nManipulationComponent.configureEntity(subject, collisionShapes: &#91;.generateBox(width: 0.25, height: 0.25, depth: 0.25)&#93;)\ncontent.add(subject)<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #0000FF\">let<\/span><span style=\"color: #000000\"> subject = <\/span><span style=\"color: #795E26\">Entity<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">ManipulationComponent.<\/span><span style=\"color: #795E26\">configureEntity<\/span><span style=\"color: #000000\">(subject, <\/span><span style=\"color: #795E26\">collisionShapes<\/span><span style=\"color: #000000\">: &#91;.<\/span><span style=\"color: #795E26\">generateBox<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">width<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">height<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">depth<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">)&#93;)<\/span><\/span>\n<span class=\"line cbp-line-highlight\"><span style=\"color: #000000\">content.<\/span><span style=\"color: #795E26\">add<\/span><span style=\"color: #000000\">(subject)<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>With just a few lines of code we can <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pinch and drag with one hand\n<ul class=\"wp-block-list\">\n<li>Translate (move) the entity based on our hand input<\/li>\n\n\n\n<li>Rotate the entity based on the orientation of our<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Hand the entity off from one hand to the other<\/li>\n\n\n\n<li>Pinch and drag with two hands to\n<ul class=\"wp-block-list\">\n<li>Scale the entity based on the distance between or hands<\/li>\n\n\n\n<li>Rotate the entity based on the orientation of our hand relative to each other<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Release the entity and it will return to the original transport from before the gestures began<\/li>\n<\/ul>\n\n\n\n<p>All of this was possible in visionOS 1 and 2 using <a href=\"https:\/\/stepinto.vision\/learn-visionos\/#system-gestures\">System Gestures<\/a>. But <code>ManipulationComponent<\/code> makes these interactions very easy to use.<\/p>\n\n\n\n<p>We also have a handful (haha) of behaviors we can customize.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>releaseBehavior<\/code>: reset or stay at the new transform<\/li>\n\n\n\n<li><code>dynamics.translationBehavior<\/code> lets us specify if the gesture should move the entity<\/li>\n\n\n\n<li><code>dynamics.primaryRotationBehavior<\/code> lets us specify if the entity rotate with the dragging hand<\/li>\n\n\n\n<li><code>dynamics.secondaryRotationBehavior<\/code> lets us specify if the entity should rotate with two hands<\/li>\n\n\n\n<li><code>dynamics.scalingBehavior<\/code> lets us specify if the gesture should scale the entity<\/li>\n\n\n\n<li><code>dynamics.inertia<\/code> lets us customize the amount of inertia if the entity has physics mass.<\/li>\n<\/ul>\n\n\n\n<p>There is a lot more to learn about this new component. There are events, system audio settings, and event he ability to delegate one entity to manipulate another.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Demo<\/h2>\n\n\n\n\t\t<figure class=\"wp-block-jetpack-videopress jetpack-videopress-player\" style=\"\" >\n\t\t\t<div class=\"jetpack-videopress-player__wrapper\"> <div class=\"jetpack-video-wrapper\"><iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='720' height='405' src='https:\/\/videopress.com\/embed\/txuqS7Do?cover=1&amp;autoPlay=0&amp;controls=1&amp;loop=0&amp;muted=0&amp;persistVolume=1&amp;playsinline=0&amp;preloadContent=metadata&amp;useAverageColor=1&amp;hd=0' frameborder='0' allowfullscreen data-resize-to-parent=\"true\" allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1739540970'><\/script><\/div><\/div>\n\t\t\t\n\t\t\t\n\t\t<\/figure>\n\t\t\n\n\n<h2 class=\"wp-block-heading\">Example Code<\/h2>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#000000;--cbp-line-number-width:calc(3 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>struct Example087: View {\n\n    @State private var releaseBehavior: ManipulationComponent.ReleaseBehavior = .reset\n    @State private var translationBehavior: ManipulationComponent.Dynamics.TranslationBehavior = .unconstrained\n    @State private var rotationBehaviorPrimary: ManipulationComponent.Dynamics.RotationBehavior = .unconstrained\n    @State private var rotationBehaviorSecondary: ManipulationComponent.Dynamics.RotationBehavior = .unconstrained\n    @State private var scalingBehavior: ManipulationComponent.Dynamics.ScalingBehavior = .unconstrained\n    @State private var inertia: ManipulationComponent.Dynamics.Inertia = .zero\n\n    \/\/ An entity we can manipulate\n    @State private var subject = createStepDemoBox()\n\n    var body: some View {\n        RealityView { content in\n\n            subject.position.y = -0.2\n\n            \/\/ We'll use configureEntity to set up input and collision on the subject\n            ManipulationComponent.configureEntity(subject, collisionShapes: &#91;.generateBox(width: 0.25, height: 0.25, depth: 0.25)&#93;)\n\n            \/\/ OR Create the component and add it to the entity\n            \/\/ let mc = ManipulationComponent()\n\n            \/\/ Add the component and\n            \/\/ subject.components.set(mc)\n            content.add(subject)\n        }\n        .debugBorder3D(.white)\n        .ornament(attachmentAnchor: .scene(.topBack), contentAlignment: .top, ornament: {\n\n            \/\/ Just a whole bunch of buttons to change the values\n            VStack(alignment: .leading) {\n                \n                Button(action: {\n                    releaseBehavior = releaseBehavior == .reset ? .stay : .reset\n                    if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                        mc.releaseBehavior = releaseBehavior\n                        subject.components.set(mc)\n                    }\n                }, label: {\n                    Text(\"Release Behavior:\")\n                    Spacer()\n                    Text(\"\\(releaseBehavior == .reset ? \"Reset\" : \"Stay\")\")\n                })\n\n                Button(action: {\n                    translationBehavior = translationBehavior == .unconstrained ? .none : .unconstrained\n                    if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                        mc.dynamics.translationBehavior = translationBehavior\n                        subject.components.set(mc)\n                    }\n                }, label: {\n                    Text(\"Translation Behavior:\")\n                    Spacer()\n                    Text(\"\\(translationBehavior == .unconstrained ? \"Unconstrained\" : \"None\")\")\n                })\n\n                Button(action: {\n                    rotationBehaviorPrimary = rotationBehaviorPrimary == .unconstrained ? .none : .unconstrained\n                    if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                        mc.dynamics.primaryRotationBehavior = rotationBehaviorPrimary\n                        subject.components.set(mc)\n                    }\n                }, label: {\n                    Text(\"Primary Rotation:\")\n                    Spacer()\n                    Text(\"\\(rotationBehaviorPrimary == .unconstrained ? \"Unconstrained\" : \"None\")\")\n                })\n\n                Button(action: {\n                    rotationBehaviorSecondary = rotationBehaviorSecondary == .unconstrained ? .none : .unconstrained\n                    if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                        mc.dynamics.secondaryRotationBehavior = rotationBehaviorSecondary\n                        subject.components.set(mc)\n                    }\n                }, label: {\n                    Text(\"Secondary Rotation:\")\n                    Spacer()\n                    Text(\"\\(rotationBehaviorSecondary == .unconstrained ? \"Unconstrained\" : \"None\")\")\n                })\n\n                Button(action: {\n                    scalingBehavior = scalingBehavior == .unconstrained ? .none : .unconstrained\n                    if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                        mc.dynamics.scalingBehavior = scalingBehavior\n                        subject.components.set(mc)\n                    }\n                }, label: {\n                    Text(\"Scaling Behavior:\")\n                    Spacer()\n                    Text(\"\\(scalingBehavior == .unconstrained ? \"Unconstrained\" : \"None\")\")\n                })\n\n                \/\/ If we're using physics...\n                Text(\"Inertia:\")\n                HStack {\n                    Button(action: {\n                        inertia = .zero\n                        if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                            mc.dynamics.inertia = inertia\n                            subject.components.set(mc)\n                        }\n                    }, label: {\n                        Label(\"Zero\", systemImage: inertia == .zero ? \"checkmark.circle\" : \"circle\")\n                    })\n\n                    Button(action: {\n                        inertia = .low\n                        if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                            mc.dynamics.inertia = inertia\n                            subject.components.set(mc)\n                        }\n                    }, label: {\n                        Label(\"Low\", systemImage: inertia == .low ? \"checkmark.circle\" : \"circle\")\n                    })\n\n                    Button(action: {\n                        inertia = .medium\n                        if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                            mc.dynamics.inertia = inertia\n                            subject.components.set(mc)\n                        }\n                    }, label: {\n                        Label(\"Medium\", systemImage: inertia == .medium ? \"checkmark.circle\" : \"circle\")\n                    })\n\n                    Button(action: {\n                        inertia = .high\n                        if var mc = subject.components&#91;ManipulationComponent.self&#93; {\n                            mc.dynamics.inertia = inertia\n                            subject.components.set(mc)\n                        }\n                    }, label: {\n                        Label(\"High\", systemImage: inertia == .high ? \"checkmark.circle\" : \"circle\")\n                    })\n                }\n                .controlSize(.small)\n\n            }\n            .frame(width: 400)\n            .padding()\n            .glassBackgroundEffect()\n\n        })\n\n    }\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #0000FF\">struct<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #267F99\">Example087<\/span><span style=\"color: #000000\">: View {<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> releaseBehavior: ManipulationComponent.ReleaseBehavior = .<\/span><span style=\"color: #001080\">reset<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> translationBehavior: ManipulationComponent.Dynamics.TranslationBehavior = .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> rotationBehaviorPrimary: ManipulationComponent.Dynamics.RotationBehavior = .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> rotationBehaviorSecondary: ManipulationComponent.Dynamics.RotationBehavior = .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> scalingBehavior: ManipulationComponent.Dynamics.ScalingBehavior = .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> inertia: ManipulationComponent.Dynamics.Inertia = .<\/span><span style=\"color: #001080\">zero<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #008000\">\/\/ An entity we can manipulate<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">@State<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">private<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> subject = <\/span><span style=\"color: #795E26\">createStepDemoBox<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> body: some View {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        RealityView { content <\/span><span style=\"color: #AF00DB\">in<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            subject.<\/span><span style=\"color: #001080\">position<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">y<\/span><span style=\"color: #000000\"> = <\/span><span style=\"color: #098658\">-0.2<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ We&#39;ll use configureEntity to set up input and collision on the subject<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            ManipulationComponent.<\/span><span style=\"color: #795E26\">configureEntity<\/span><span style=\"color: #000000\">(subject, <\/span><span style=\"color: #795E26\">collisionShapes<\/span><span style=\"color: #000000\">: &#91;.<\/span><span style=\"color: #795E26\">generateBox<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">width<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">height<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">depth<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">0.25<\/span><span style=\"color: #000000\">)&#93;)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ OR Create the component and add it to the entity<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ let mc = ManipulationComponent()<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ Add the component and<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ subject.components.set(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            content.<\/span><span style=\"color: #795E26\">add<\/span><span style=\"color: #000000\">(subject)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        .<\/span><span style=\"color: #795E26\">debugBorder3D<\/span><span style=\"color: #000000\">(.<\/span><span style=\"color: #001080\">white<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        .<\/span><span style=\"color: #795E26\">ornament<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">attachmentAnchor<\/span><span style=\"color: #000000\">: .<\/span><span style=\"color: #795E26\">scene<\/span><span style=\"color: #000000\">(.<\/span><span style=\"color: #001080\">topBack<\/span><span style=\"color: #000000\">), <\/span><span style=\"color: #795E26\">contentAlignment<\/span><span style=\"color: #000000\">: .<\/span><span style=\"color: #001080\">top<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">ornament<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #008000\">\/\/ Just a whole bunch of buttons to change the values<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            <\/span><span style=\"color: #795E26\">VStack<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">alignment<\/span><span style=\"color: #000000\">: .<\/span><span style=\"color: #001080\">leading<\/span><span style=\"color: #000000\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    releaseBehavior = releaseBehavior == .<\/span><span style=\"color: #001080\">reset<\/span><span style=\"color: #000000\"> ? .<\/span><span style=\"color: #001080\">stay<\/span><span style=\"color: #000000\"> : .<\/span><span style=\"color: #001080\">reset<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        mc.<\/span><span style=\"color: #001080\">releaseBehavior<\/span><span style=\"color: #000000\"> = releaseBehavior<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Release Behavior:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Spacer<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #0000FF\">\\(<\/span><span style=\"color: #000000FF\">releaseBehavior <\/span><span style=\"color: #000000\">==<\/span><span style=\"color: #000000FF\"> .<\/span><span style=\"color: #001080\">reset<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">?<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Reset&quot;<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">:<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Stay&quot;<\/span><span style=\"color: #0000FF\">)<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    translationBehavior = translationBehavior == .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000\"> ? .<\/span><span style=\"color: #001080\">none<\/span><span style=\"color: #000000\"> : .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">translationBehavior<\/span><span style=\"color: #000000\"> = translationBehavior<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Translation Behavior:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Spacer<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #0000FF\">\\(<\/span><span style=\"color: #000000FF\">translationBehavior <\/span><span style=\"color: #000000\">==<\/span><span style=\"color: #000000FF\"> .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">?<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Unconstrained&quot;<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">:<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;None&quot;<\/span><span style=\"color: #0000FF\">)<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    rotationBehaviorPrimary = rotationBehaviorPrimary == .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000\"> ? .<\/span><span style=\"color: #001080\">none<\/span><span style=\"color: #000000\"> : .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">primaryRotationBehavior<\/span><span style=\"color: #000000\"> = rotationBehaviorPrimary<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Primary Rotation:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Spacer<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #0000FF\">\\(<\/span><span style=\"color: #000000FF\">rotationBehaviorPrimary <\/span><span style=\"color: #000000\">==<\/span><span style=\"color: #000000FF\"> .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">?<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Unconstrained&quot;<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">:<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;None&quot;<\/span><span style=\"color: #0000FF\">)<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    rotationBehaviorSecondary = rotationBehaviorSecondary == .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000\"> ? .<\/span><span style=\"color: #001080\">none<\/span><span style=\"color: #000000\"> : .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">secondaryRotationBehavior<\/span><span style=\"color: #000000\"> = rotationBehaviorSecondary<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Secondary Rotation:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Spacer<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #0000FF\">\\(<\/span><span style=\"color: #000000FF\">rotationBehaviorSecondary <\/span><span style=\"color: #000000\">==<\/span><span style=\"color: #000000FF\"> .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">?<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Unconstrained&quot;<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">:<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;None&quot;<\/span><span style=\"color: #0000FF\">)<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    scalingBehavior = scalingBehavior == .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000\"> ? .<\/span><span style=\"color: #001080\">none<\/span><span style=\"color: #000000\"> : .<\/span><span style=\"color: #001080\">unconstrained<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">scalingBehavior<\/span><span style=\"color: #000000\"> = scalingBehavior<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Scaling Behavior:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Spacer<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #0000FF\">\\(<\/span><span style=\"color: #000000FF\">scalingBehavior <\/span><span style=\"color: #000000\">==<\/span><span style=\"color: #000000FF\"> .<\/span><span style=\"color: #001080\">unconstrained<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">?<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;Unconstrained&quot;<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #000000\">:<\/span><span style=\"color: #000000FF\"> <\/span><span style=\"color: #A31515\">&quot;None&quot;<\/span><span style=\"color: #0000FF\">)<\/span><span style=\"color: #A31515\">&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #008000\">\/\/ If we&#39;re using physics...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                <\/span><span style=\"color: #795E26\">Text<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Inertia:&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                HStack {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        inertia = .<\/span><span style=\"color: #001080\">zero<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">inertia<\/span><span style=\"color: #000000\"> = inertia<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #795E26\">Label<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Zero&quot;<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">systemImage<\/span><span style=\"color: #000000\">: inertia == .<\/span><span style=\"color: #001080\">zero<\/span><span style=\"color: #000000\"> ? <\/span><span style=\"color: #A31515\">&quot;checkmark.circle&quot;<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #A31515\">&quot;circle&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        inertia = .<\/span><span style=\"color: #001080\">low<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">inertia<\/span><span style=\"color: #000000\"> = inertia<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #795E26\">Label<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Low&quot;<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">systemImage<\/span><span style=\"color: #000000\">: inertia == .<\/span><span style=\"color: #001080\">low<\/span><span style=\"color: #000000\"> ? <\/span><span style=\"color: #A31515\">&quot;checkmark.circle&quot;<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #A31515\">&quot;circle&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        inertia = .<\/span><span style=\"color: #001080\">medium<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">inertia<\/span><span style=\"color: #000000\"> = inertia<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #795E26\">Label<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;Medium&quot;<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">systemImage<\/span><span style=\"color: #000000\">: inertia == .<\/span><span style=\"color: #001080\">medium<\/span><span style=\"color: #000000\"> ? <\/span><span style=\"color: #A31515\">&quot;checkmark.circle&quot;<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #A31515\">&quot;circle&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    <\/span><span style=\"color: #795E26\">Button<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">action<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        inertia = .<\/span><span style=\"color: #001080\">high<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #AF00DB\">if<\/span><span style=\"color: #000000\"> <\/span><span style=\"color: #0000FF\">var<\/span><span style=\"color: #000000\"> mc = subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">&#91;ManipulationComponent.self&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            mc.<\/span><span style=\"color: #001080\">dynamics<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">inertia<\/span><span style=\"color: #000000\"> = inertia<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                            subject.<\/span><span style=\"color: #001080\">components<\/span><span style=\"color: #000000\">.<\/span><span style=\"color: #001080\">set<\/span><span style=\"color: #000000\">(mc)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    }, <\/span><span style=\"color: #795E26\">label<\/span><span style=\"color: #000000\">: {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                        <\/span><span style=\"color: #795E26\">Label<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #A31515\">&quot;High&quot;<\/span><span style=\"color: #000000\">, <\/span><span style=\"color: #795E26\">systemImage<\/span><span style=\"color: #000000\">: inertia == .<\/span><span style=\"color: #001080\">high<\/span><span style=\"color: #000000\"> ? <\/span><span style=\"color: #A31515\">&quot;checkmark.circle&quot;<\/span><span style=\"color: #000000\"> : <\/span><span style=\"color: #A31515\">&quot;circle&quot;<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                    })<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">                .<\/span><span style=\"color: #795E26\">controlSize<\/span><span style=\"color: #000000\">(.<\/span><span style=\"color: #001080\">small<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            .<\/span><span style=\"color: #795E26\">frame<\/span><span style=\"color: #000000\">(<\/span><span style=\"color: #795E26\">width<\/span><span style=\"color: #000000\">: <\/span><span style=\"color: #098658\">400<\/span><span style=\"color: #000000\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            .<\/span><span style=\"color: #795E26\">padding<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">            .<\/span><span style=\"color: #795E26\">glassBackgroundEffect<\/span><span style=\"color: #000000\">()<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        })<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #000000\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">}<\/span><\/span><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A simple but powerful component to interact with entities in RealityKit.<\/p>\n","protected":false},"author":93705089,"featured_media":5208,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[1365],"tags":[],"class_list":["post-5207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-example-code"],"jetpack_publicize_connections":[],"taxonomy_info":{"category":[{"value":1365,"label":"Example Code"}]},"featured_image_src_large":["https:\/\/i0.wp.com\/stepinto.vision\/wp-content\/uploads\/2025\/06\/step-example-087-01.jpeg?fit=1024%2C576&ssl=1",1024,576,true],"author_info":{"display_name":"Joseph Simpson","author_link":"https:\/\/stepinto.vision\/author\/vrhermit\/"},"comment_info":0,"category_info":[{"term_id":1365,"name":"Example Code","slug":"example-code","term_group":0,"term_taxonomy_id":11,"taxonomy":"category","description":"Code snippets and examples of using common APIs throughout visionOS development","parent":0,"count":187,"filter":"raw","cat_ID":1365,"category_count":187,"category_description":"Code snippets and examples of using common APIs throughout visionOS development","cat_name":"Example Code","category_nicename":"example-code","category_parent":0}],"tag_info":false,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/stepinto.vision\/wp-content\/uploads\/2025\/06\/step-example-087-01.jpeg?fit=3840%2C2160&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/posts\/5207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/users\/93705089"}],"replies":[{"embeddable":true,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/comments?post=5207"}],"version-history":[{"count":12,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/posts\/5207\/revisions"}],"predecessor-version":[{"id":6208,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/posts\/5207\/revisions\/6208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/media\/5208"}],"wp:attachment":[{"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/media?parent=5207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/categories?post=5207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stepinto.vision\/wp-json\/wp\/v2\/tags?post=5207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}