Files
ionic-framework/src/gestures/simulator.ts
2016-09-13 15:25:30 -05:00

164 lines
3.8 KiB
TypeScript

import { PointerCoordinates } from '../util/dom';
interface Point {
coord: PointerCoordinates;
duration: number;
}
export class Simulate {
private index: number = 0;
private points: Point[] = [];
public timedelta: number = 1 / 60;
public static from(x: any, y?: number): Simulate {
let s = new Simulate();
return s.start(x, y);
}
reset(): Simulate {
this.index = 0;
return this;
}
start(x: any, y?: number): Simulate {
this.points = [];
return this.to(x, y);
}
to(x: any, y?: number): Simulate {
this.newPoint(parseCoordinates(x, y), 1);
return this;
}
delta(x: any, y?: number): Simulate {
let newPoint = parseCoordinates(x, y);
let prevCoord = this.getLastPoint().coord;
newPoint.x += prevCoord.x;
newPoint.y += prevCoord.y;
this.newPoint(newPoint, 1);
return this;
}
deltaPolar(angle: number, distance: number): Simulate {
angle *= Math.PI / 180;
let prevCoord = this.getLastPoint().coord;
let coord = {
x: prevCoord.x + (Math.cos(angle) * distance),
y: prevCoord.y + (Math.sin(angle) * distance)
};
this.newPoint(coord, 1);
return this;
}
toPolar(angle: number, distance: number): Simulate {
angle *= Math.PI / 180;
let coord = {
x: Math.cos(angle) * distance,
y: Math.sin(angle) * distance
};
this.newPoint(coord, 1);
return this;
}
duration(duration: number): Simulate {
this.getLastPoint().duration = duration;
return this;
}
velocity(vel: number): Simulate {
let p1 = this.getLastPoint();
let p2 = this.getPreviousPoint();
let d = distance(p1, p2);
return this.duration(d / vel);
}
swipeRight(maxAngle: number, distance: number): Simulate {
// x------>
let angle = randomAngle(maxAngle);
return this.deltaPolar(angle, distance);
}
swipeLeft(maxAngle: number, distance: number): Simulate {
// <------x
let angle = randomAngle(maxAngle) + 180;
return this.deltaPolar(angle, distance);
}
swipeTop(maxAngle: number, distance: number): Simulate {
let angle = randomAngle(maxAngle) + 90;
return this.deltaPolar(angle, distance);
}
swipeBottom(maxAngle: number, distance: number): Simulate {
let angle = randomAngle(maxAngle) - 90;
return this.deltaPolar(angle, distance);
}
run(callback: Function) {
let points = this.points;
let len = points.length - 1;
let i = 0;
for (; i < len; i++) {
var p1 = points[i].coord;
var p2 = points[i + 1].coord;
var duration = points[i + 1].duration;
var vectorX = p2.x - p1.x;
var vectorY = p2.y - p1.y;
var nuSteps = Math.ceil(duration / this.timedelta);
vectorX /= nuSteps;
vectorY /= nuSteps;
for (let j = 0; j < nuSteps; j++) {
callback({
x: p1.x + vectorX * j,
y: p1.y + vectorY * j
});
}
}
this.index = i;
return this;
}
private newPoint(coord: PointerCoordinates, duration: number) {
this.points.push({
coord: coord,
duration: duration,
});
}
private getLastPoint(): Point {
let len = this.points.length;
if (len > 0) {
return this.points[len - 1];
}
throw new Error('can not call point');
}
private getPreviousPoint(): Point {
let len = this.points.length;
if (len > 1) {
return this.points[len - 2];
}
throw new Error('can not call point');
}
}
function randomAngle(maxAngle: number): number {
return (Math.random() * maxAngle * 2) - maxAngle;
}
function distance(a: PointerCoordinates, b: PointerCoordinates): number {
let deltaX = a.x - b.x;
let deltaY = a.y - a.y;
return Math.hypot(deltaX, deltaY);
}
function parseCoordinates(coord: PointerCoordinates | number, y?: number): PointerCoordinates {
if (typeof coord === 'number') {
return { x: coord, y: y };
}
return coord;
}