3D Position to Screen Tap Position

Jhonnel Pica

Snap Lens Network Member Lens Studio Team

August 20, 2020 12:59

Hi snapchat devs. I have a simple question regarding 3D to 2D positioning.

how can I set the 3D object position exactly to the phone screen where the user tap?

0

Kanz
Snap Lens Network Member Lens Studio Team

August 21, 2020 16:23
hi Jhonnel Pica

i edit e simple code that changed the position of 2d billboard
i made it to change the Z also to match the tap position

change the screen component with your component in the script

// @input Component.ScreenTransform screenTransform

var originalCenter = script.screenTransform.anchors.getCenter();

// Move the ScreenTransform to match the position of touch events

function onTouch(eventData) {

var touchPos = eventData.getTouchPosition();

var parentPos = script.screenTransform.screenPointToParentPoint(touchPos);

parentPos.xyz = originalCenter.xyz

script.screenTransform.anchors.setCenter(parentPos);

}

script.createEvent("TouchStartEvent").bind(onTouch);

script.createEvent("TouchMoveEvent").bind(onTouch);

please try it and tell us
if its not working with you or you need any help

Cheers.
Comment actions Permalink
Jhonnel Pica
Snap Lens Network Member Lens Studio Team

August 21, 2020 19:33
Hi just me, thank you for the response. the script works perfectly on the 2D image. but when I tried to place a 3D object it wont allow me.

If you could tweak this code a little bit and allow me to place 3D object instead of 2D, that would be great.

Thanks.
Comment actions Permalink