Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added tap events for map interaction

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-05-22 23:55:50 +10:00
parent 5f2d282df8
commit a91f2c6d39
3 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/map/MapDrawing.js
View File

@ -191,6 +191,7 @@ function MapDrawing({
onMouseOver: (e) => handleShapeMouseOver(e, shape), onMouseOver: (e) => handleShapeMouseOver(e, shape),
onMouseOut: (e) => handleShapeMouseOut(e, shape), onMouseOut: (e) => handleShapeMouseOut(e, shape),
onClick: (e) => handleShapeClick(e, shape), onClick: (e) => handleShapeClick(e, shape),
onTap: (e) => handleShapeClick(e, shape),
fill: colors[shape.color] || shape.color, fill: colors[shape.color] || shape.color,
opacity: shape.blend ? 0.5 : 1, opacity: shape.blend ? 0.5 : 1,
}; };

1
src/components/map/MapFog.js
View File

@ -187,6 +187,7 @@ function MapFog({
onMouseOver={(e) => handleShapeMouseOver(e, shape)} onMouseOver={(e) => handleShapeMouseOver(e, shape)}
onMouseOut={(e) => handleShapeMouseOut(e, shape)} onMouseOut={(e) => handleShapeMouseOut(e, shape)}
onClick={(e) => handleShapeClick(e, shape)} onClick={(e) => handleShapeClick(e, shape)}
onTap={(e) => handleShapeClick(e, shape)}
points={shape.data.points.reduce( points={shape.data.points.reduce(
(acc, point) => [...acc, point.x * mapWidth, point.y * mapHeight], (acc, point) => [...acc, point.x * mapWidth, point.y * mapHeight],
[] []

1
src/components/map/MapToken.js
View File

@ -205,6 +205,7 @@ function MapToken({
onTouchStart={handlePointerDown} onTouchStart={handlePointerDown}
onTouchEnd={handlePointerUp} onTouchEnd={handlePointerUp}
onClick={handleClick} onClick={handleClick}
onTap={handleClick}
onDragEnd={handleDragEnd} onDragEnd={handleDragEnd}
onDragStart={handleDragStart} onDragStart={handleDragStart}
opacity={tokenOpacity} opacity={tokenOpacity}