lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

format source

Browse 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
Download patch file Download diff file Expand all files Collapse all files

10
bindata.generated.go
View file

File diff suppressed because one or more lines are too long

15
webdata/fn.js
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]
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;
@ -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;
}
}

3
webdata/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1, user-scalable=0" />
@ -10,6 +11,7 @@
<link href="main.css" media="screen" rel="stylesheet" />
<link href="icon.png" type="image/png" rel="shortcut icon" />
</head>
<body>
<div id="opening">
<p>Connecting...</p>
@ -30,4 +32,5 @@
<button class="icon" id="sendbutton">➣</button>
</div>
</body>
</html>

24
webdata/main.css
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;
}