# AR to display UI at temporary placement position

**URL:** <https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968>\
**Category:** Technical Support\
**Created:** [July 5, 2024, 1:24pm UTC](https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968 "2024-07-05T13:24:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user11](https://avatars.discourse-cdn.com/v4/letter/u/dfb087/32.png) [@user11](https://forum.8thwall.com/u/user11)\
**Post date:** [July 5, 2024, 1:24pm UTC](https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968/1 "2024-07-05T13:24:50Z")

</div>

I have a project where a 3D model is generated when the screen is tapped. I would like to temporarily display the UI in the expected generated position before tapping the screen.  
The camera is always moving, and the UI at the generated location will move accordingly.

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [July 8, 2024, 7:48pm UTC](https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968/2 "2024-07-08T19:48:17Z")

</div>

You can reference the sample project below, this project template demonstrates how to implement a simple call to action/link using CSS2D Renderer. This project can also be useful for labeling items in your 3D scene.:

> **[Call to Action Link | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/product-link)**
>
> This project demonstrates how to display a call to action and external link in AR. It is also helpful for labeling objects in a 3D scene.

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [July 8, 2024, 7:48pm UTC](https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968/3 "2024-07-08T19:48:49Z")

</div>

You can also add an if you are using A-frame if you want UI or text in the actual scene itself.

> **[A-Frame – Make WebVR](https://aframe.io/docs/1.6.0/components/text.html)**
>
> A web framework for building virtual reality experiences. Make WebVR with HTML and Entity-Component. Works on Vive, Rift, desktop, mobile platforms.

---

<div class="post-metadata">

**Author:** ![user11](https://avatars.discourse-cdn.com/v4/letter/u/dfb087/32.png) [@user11](https://forum.8thwall.com/u/user11)\
**Post date:** [July 26, 2024, 2:35pm UTC](https://forum.8thwall.com/t/ar-to-display-ui-at-temporary-placement-position/1968/4 "2024-07-26T14:35:57Z")

</div>

> **[White-label AR Games | 360Fabriek | 8th Wall](https://www.8thwall.com/360fabriek/ar-games)**
>
> White-label WebAR Games inspired by classics; Tetris, Flappy Bird and Space Invaders. Ready for marketing- and brand activation purposes!

I have attached the project for your reference.  
I would like to implement a marker that appears at the start of the game at the position where the AR appears.  
Also, is there a solution for implementing this in playcanvas?