Chroma Key In image Targets

🧑‍💻 Technical Support
1

Hello I am trying to get the chroma key feature into my image target project. I saw this code snippet on stack overflow ```




2

You can reference thsi sample project

3

Thank you Ian it seems my code snippet didnt paste I use this project already but i was asking how to reference it as a tag in my image target project currently my chroma key line looks like this

and we used
this component. I am looking to do something like this with that project.

4

“”

For some reason my code snippets are blank
“


”

5 
<xrextras-named-image-target name="bottle">
    <a-entity 
      xrextras-play-video="video: #greenpattern-video; canstop: true"
      geometry="primitive: plane; height: 1.5; width: 1.5;"
      material="shader: chromakey; src: #greenpattern-video; color: 0.02 .65 .28" >
    </a-entity>
  </xrextras-named-image-target>
6

https://unpkg.com/aframe-chromakey-material/dist/aframe-chromakey-material.min.js

7

Can you please specify as to what you are trying to do? More clarification would be helpful.

8

I am trying to make an image target of a bottle then play an edited video of the bottle and green screen out the background in 8th wall using the chromakey features. is the way to do it to just port over the logic to my image target project or is there a way that I can reference it. I would like to use the similarity parameter but my line of code looks like this material="shader: chromakey; src: #greenpattern-video; color: 0.02 .65 .28" >

9

You need to load in external script as well in head.html if you have not already

<script src="https://unpkg.com/aframe-chromakey-material@1.1.4/dist/aframe-chromakey-material.min.js"></script>

Please verify. As shown in project here.