adding a touch event to a mesh to support Ipad #728

Iwandertx · 2020-10-08T19:26:05Z

Iwandertx
Oct 8, 2020

I have a simple scene that I am adding meshes to based on data from a json file.

            <mesh
                key={props.hsData.key}
                position={props.hsData.position}
                rotation={props.hsData.rotation}
                ref={ref}
                onClick={() => (props.checkActiveHotSpot(`${props.hsData.key}`))}
                onTouchStart={() => (props.checkActiveHotSpot(`${props.hsData.key}`))}

            >
                <boxBufferGeometry attach="geometry" args={props.hsData.geometry} />
                <meshPhysicalMaterial attach="material" color={defaultColor} transparent opacity={opacitySetting} />
                {props.toggle && props.ActiveHotSpot === `${props.hsData.key}` && (
                    <Html ref={hintRef}>
                        <div className='hotspotLabel' />
                    </Html>
                )}
            </mesh>

Everything is working fine on computers.
On IPads everything works just fine except the mesh does not respond to a touch.
I tried adding
onTouchStart={() => (props.checkActiveHotSpot(${props.hsData.key}))}
to the mesh but that did not help.

Any clues on how to get the mesh to respond to a touch on an IPad?
BTW clicking or touching the attached Html element will trigger the onClick event.

dangrabcad · 2020-10-09T08:36:48Z

dangrabcad
Oct 9, 2020
Maintainer

Intersectables in R3F only support the pointer event interface, which works for both touch and mice, so you need to use onPointerDown, not onTouchStart. Have a look at the documentation here.

1 reply

janvarsa Oct 11, 2020

When I use either onPointerDown or onClick on an Android device, the first event fires as expected. Then when I click on a different mesh, it fires, but then unexpectedly fires again on the first mesh I clicked as well. If I click empty space after an event fires, that also refires the onPointerDown event from the last mesh I clicked before that.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

adding a touch event to a mesh to support Ipad #728

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

adding a touch event to a mesh to support Ipad #728

Uh oh!

Uh oh!

Iwandertx Oct 8, 2020

Replies: 1 comment · 1 reply

Uh oh!

dangrabcad Oct 9, 2020 Maintainer

Uh oh!

janvarsa Oct 11, 2020

Iwandertx
Oct 8, 2020

Replies: 1 comment 1 reply

dangrabcad
Oct 9, 2020
Maintainer