I have downloaded 8th wall web starter project from github. I am trying to run flyer demo locally.
Flyer demo index.html, I have replaced app key with newly created web project with 8th wall console.
Next, code below is used to achieve image target functionality
<!-- Note: "name:" must be set to the name of the image target uploaded to the 8th Wall Console -->
<a-entity
xrextras-named-image-target="name: video-target"
xrextras-play-video="video: #jelly-video; thumb: #jelly-thumb; canstop: true"
geometry="primitive: plane; height: 1; width: 0.79;">
</a-entity>
<!-- Note: "name:" must be set to the name of the image target uploaded to the 8th Wall Console -->
<a-entity xrextras-named-image-target="name: model-target">
<!-- Add a child entity that can be rotated independently of the image target. -->
<a-entity xrextras-one-finger-rotate gltf-model="#jelly-glb"></a-entity>
</a-entity>
So in order to make above code work, I have uploaded two image from images folder inside flyer demo to 8th wall console with name mentioned in above code. When I am running this, image target is not detecting for both the images.
When I saw the documentation on the internet as well as here, I found that when you upload image target on 8th wall console, there is option to save and Enable however when uploading I can not see Enable option. Is this the reason image target is not working or do I need to publish 8th wall web app which include pricing to make this image target work?
Kindly help
Based on your code snippet, the xrextras-named-image-target component is looking for image targets named "video-target" and "model-target". Make sure these strings match the names of the image targets uploaded to the console.
Additionally, make sure the image targets are set to "Load Automatically". If not, edit the image target, check the "load automatically" and save the image target.