ppfun/pixelplanet
13
Fork 18
Code Issues 24 Pull Requests Releases 2 Activity

make 3d controls listen on touch events

Browse Source
This commit is contained in:
HF 2020-02-02 00:21:41 +01:00
parent db905143d9
commit 654dd68fcf
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Mobile3DControls.jsx
View File

@ -79,6 +79,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('FORWARD', false);
}}
onTouchStart={() => {
move('FORWARD', true);
}}
onTouchEnd={() => {
move('FORWARD', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>
@ -100,6 +106,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('BACKWARD', false);
}}
onTouchStart={() => {
move('BACKWARD', true);
}}
onTouchEnd={() => {
move('BACKWARD', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>
@ -120,6 +132,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('LEFT', false);
}}
onTouchStart={() => {
move('LEFT', true);
}}
onTouchEnd={() => {
move('LEFT', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>
@ -141,6 +159,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('RIGHT', false);
}}
onTouchStart={() => {
move('RIGHT', true);
}}
onTouchEnd={() => {
move('RIGHT', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>
@ -162,6 +186,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('UP', false);
}}
onTouchStart={() => {
move('UP', true);
}}
onTouchEnd={() => {
move('UP', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>
@ -183,6 +213,12 @@ class Mobile3DControls extends React.Component {
onMouseUp={() => {
move('DOWN', false);
}}
onTouchStart={() => {
move('DOWN', true);
}}
onTouchEnd={() => {
move('DOWN', false);
}}
onTouchCancel={cancelMovement}
onMouseLeave={cancelMovement}
>