format source

This commit is contained in:
Unrud 2018-09-07 09:29:09 +02:00
parent b96247c181
commit cc231211b5
4 changed files with 100 additions and 76 deletions

File diff suppressed because one or more lines are too long

View file

@ -16,12 +16,16 @@
* You should have received a copy of the GNU General Public License
* along with Foobar. If not, see <http://www.gnu.org/licenses/>.
*/
// [1 Touch, 2 Touches, 3 Touches]
// [1 Touch, 2 Touches, 3 Touches]
const TOUCH_MOVE_THRESHOLD = [10, 15, 15];
const TOUCH_TIMEOUT = 250;
// [[px/s, mult], ...]
const POINTER_ACCELERATION = [[0, 0], [87, 1], [173, 1], [553, 2]];
const POINTER_ACCELERATION = [
[0, 0],
[87, 1],
[173, 1],
[553, 2]
];
var ws;
var pad;
@ -124,12 +128,12 @@ function calculatePointerAccelerationMult(speed) {
if (i == 0) {
return a2;
}
s1 = POINTER_ACCELERATION[i-1][0];
a1 = POINTER_ACCELERATION[i-1][1];
return ((speed-s1) / (s2-s1)) * (a2-a1) + a1;
s1 = POINTER_ACCELERATION[i - 1][0];
a1 = POINTER_ACCELERATION[i - 1][1];
return ((speed - s1) / (s2 - s1)) * (a2 - a1) + a1;
}
if (POINTER_ACCELERATION.length > 0) {
return POINTER_ACCELERATION[POINTER_ACCELERATION.length-1][1];
return POINTER_ACCELERATION[POINTER_ACCELERATION.length - 1][1];
}
return 1;
}
@ -219,7 +223,7 @@ function handleEnd(evt) {
button = 1;
} else if (touchReleasedCount == 2) {
button = 3;
}else if (touchReleasedCount == 3) {
} else if (touchReleasedCount == 3) {
button = 2;
}
ws.send("b" + button + ";1");
@ -259,8 +263,11 @@ function handleMove(evt) {
continue;
}
if (!touchMoved) {
var dist = Math.sqrt(Math.pow(touches[i].pageX - ongoingTouches[idx].pageXStart, 2) + Math.pow(touches[i].pageY - ongoingTouches[idx].pageYStart, 2));
if (ongoingTouches.length > TOUCH_MOVE_THRESHOLD.length || dist > TOUCH_MOVE_THRESHOLD[ongoingTouches.length - 1] || evt.timeStamp - touchStart >= TOUCH_TIMEOUT) {
var dist = Math.sqrt(Math.pow(touches[i].pageX - ongoingTouches[idx].pageXStart, 2) +
Math.pow(touches[i].pageY - ongoingTouches[idx].pageYStart, 2));
if (ongoingTouches.length > TOUCH_MOVE_THRESHOLD.length ||
dist > TOUCH_MOVE_THRESHOLD[ongoingTouches.length - 1] ||
evt.timeStamp - touchStart >= TOUCH_TIMEOUT) {
touchMoved = true;
}
}

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@ -9,8 +10,9 @@
<title>Remote Touchpad</title>
<link href="main.css" media="screen" rel="stylesheet" />
<link href="icon.png" type="image/png" rel="shortcut icon" />
</head>
<body>
</head>
<body>
<div id="opening">
<p>Connecting...</p>
</div>
@ -29,5 +31,6 @@
<textarea id="text"></textarea>
<button class="icon" id="sendbutton"></button>
</div>
</body>
</body>
</html>

View file

@ -1,4 +1,9 @@
html, body, #pad, #keyboard, #opening, #closed {
html,
body,
#pad,
#keyboard,
#opening,
#closed {
width: 100%;
height: 100%;
margin: 0;
@ -8,12 +13,16 @@ body {
font-family: sans;
}
#pad, #sendbutton, #opening, #closed {
#pad,
#sendbutton,
#opening,
#closed {
background-color: #404040 !important;
background-image: url(tex.png);
}
#opening, #closed {
#opening,
#closed {
display: flex;
align-items: center;
justify-content: center;
@ -44,7 +53,10 @@ body {
word-wrap: break-word;
}
#fullscreenbutton, #keyboardbutton, #sendbutton, #reloadbutton {
#fullscreenbutton,
#keyboardbutton,
#sendbutton,
#reloadbutton {
background-color: transparent;
border: 1px solid black;
height: 1.5em;
@ -53,7 +65,9 @@ body {
color: white;
}
#fullscreenbutton, #keyboardbutton, #sendbutton {
#fullscreenbutton,
#keyboardbutton,
#sendbutton {
border-bottom: none;
}