Is there a way to always show the model on the screen and use gesture components?

🧑‍💻 Technical Support
1 




<a-box
  id="shadow-plane"
  class="cantap"
  scale="1000 2 1000"
  position="0 -3.3 -7"
  material="shader: shadow; transparent: true; opacity: 0.15"
  shadow="receive: true; cast: false">
</a-box>



2

Hi Zeus!

Welcome to the forums! I’d be happy to help. Could you share a bit more context about what you’re aiming to accomplish? From what I understand, you want to display a model and utilize gesture components on it, but could you elaborate on the purpose or goal behind this?

3

Hi George,

So the purpose would be showing a construction machine model but that model.

It will initially show at the center of the camera screen and the model is initially at the center of the camera view. You can drag, pinch, and move the model within the bounds of the camera view so you can freely adjust the model and take a picture with it.

I was able to put the rotate and scale already but I haven’t figure out moving the model within the camera view. I had the model tied to camera view in my code. Thank you!

4

I have this updated code of my body.html but the hold-drag function is still not working:

My goal is to have a hold-drag gesture but with limits. Is that possible?




<a-box
  id="ground"
  class="cantap"
  scale="1000 2 1000"
  position="0 -3.3 -7"
  material="shader: shadow; transparent: true; opacity: 0.15"
  shadow="receive: true; cast: false">
</a-box>