Drift-compensated angle in gyro (#931)
* compute angle based on undrifted rate * add is calibrating function * fix integrator * added example * docs * poll faster
This commit is contained in:
parent
25452efc92
commit
374bbb8304
BIN
docs/static/tutorials/drifter.png
vendored
Normal file
BIN
docs/static/tutorials/drifter.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
34
docs/tutorials/drifter.md
Normal file
34
docs/tutorials/drifter.md
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
# Drifter
|
||||||
|
|
||||||
|
Use this program to try out the gyro sensor and the effect of drifting.
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
// this loop shows the rate, angle and drift of the robot
|
||||||
|
forever(() => {
|
||||||
|
brick.showValue("rate", sensors.gyro2.rate(), 1)
|
||||||
|
brick.showValue("angle", sensors.gyro2.angle(), 2)
|
||||||
|
brick.showValue("drift", sensors.gyro2.drift(), 3)
|
||||||
|
})
|
||||||
|
// this loop shows wheter the sensor is calibrating
|
||||||
|
forever(() => {
|
||||||
|
brick.showString(sensors.gyro2.isCalibrating() ? "calibrating..." : "", 4)
|
||||||
|
})
|
||||||
|
// instructions on how to use the buttons
|
||||||
|
brick.showString("ENTER: calibrate", 7)
|
||||||
|
brick.showString(" (reset+drift)", 8)
|
||||||
|
brick.showString("LEFT: reset", 9)
|
||||||
|
brick.showString("RIGHT: compute drift", 10)
|
||||||
|
|
||||||
|
// enter -> calibrate
|
||||||
|
brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
|
||||||
|
sensors.gyro2.calibrate()
|
||||||
|
})
|
||||||
|
// right -> compute drift
|
||||||
|
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
|
||||||
|
sensors.gyro2.computeDrift()
|
||||||
|
})
|
||||||
|
// left -> reset
|
||||||
|
brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () {
|
||||||
|
sensors.gyro2.reset()
|
||||||
|
})
|
||||||
|
```
|
@ -15,5 +15,11 @@
|
|||||||
"cardType": "tutorial",
|
"cardType": "tutorial",
|
||||||
"url":"/tutorials/move-straight-with-gyro",
|
"url":"/tutorials/move-straight-with-gyro",
|
||||||
"imageUrl":"/static/tutorials/move-straight-with-gyro.png"
|
"imageUrl":"/static/tutorials/move-straight-with-gyro.png"
|
||||||
|
}, {
|
||||||
|
"name": "Drifter",
|
||||||
|
"description": "Explore how the gyro is drifting",
|
||||||
|
"cardType": "example",
|
||||||
|
"url":"/tutorials/drifter",
|
||||||
|
"imageUrl":"/static/tutorials/drifter.png"
|
||||||
}]
|
}]
|
||||||
```
|
```
|
@ -87,7 +87,7 @@ namespace sensors.internal {
|
|||||||
this.devType = DAL.DEVICE_TYPE_NONE
|
this.devType = DAL.DEVICE_TYPE_NONE
|
||||||
this.iicid = ''
|
this.iicid = ''
|
||||||
this.sensors = []
|
this.sensors = []
|
||||||
this.poller = new Poller(50, () => this.query(), (prev, curr) => this.update(prev, curr));
|
this.poller = new Poller(25, () => this.query(), (prev, curr) => this.update(prev, curr));
|
||||||
}
|
}
|
||||||
|
|
||||||
poke() {
|
poke() {
|
||||||
@ -121,7 +121,7 @@ namespace sensors.internal {
|
|||||||
|
|
||||||
powerMM = control.mmap("/dev/lms_power", 2, 0)
|
powerMM = control.mmap("/dev/lms_power", 2, 0)
|
||||||
|
|
||||||
devPoller = new Poller(500, () => { return hashDevices(); },
|
devPoller = new Poller(250, () => { return hashDevices(); },
|
||||||
(prev, curr) => {
|
(prev, curr) => {
|
||||||
detectDevices();
|
detectDevices();
|
||||||
});
|
});
|
||||||
|
26
libs/core/integrator.ts
Normal file
26
libs/core/integrator.ts
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
namespace control {
|
||||||
|
export class EulerIntegrator {
|
||||||
|
public value: number;
|
||||||
|
private t: number;
|
||||||
|
private v: number;
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
this.reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
public integrate(derivative: number): void {
|
||||||
|
let now = control.millis();
|
||||||
|
let dt = (now -this.t) / 1000.0;
|
||||||
|
this.value += dt * (this.v + derivative) / 2;
|
||||||
|
|
||||||
|
this.t = now;
|
||||||
|
this.v = derivative;
|
||||||
|
}
|
||||||
|
|
||||||
|
public reset() {
|
||||||
|
this.value = 0;
|
||||||
|
this.v = 0;
|
||||||
|
this.t = control.millis();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -264,8 +264,9 @@ namespace motors {
|
|||||||
// allow 500ms for robot to settle
|
// allow 500ms for robot to settle
|
||||||
if (this._brake && this._brakeSettleTime > 0)
|
if (this._brake && this._brakeSettleTime > 0)
|
||||||
pause(this._brakeSettleTime);
|
pause(this._brakeSettleTime);
|
||||||
else
|
else {
|
||||||
pause(1); // give a tiny breather
|
pause(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
protected pauseOnRun(stepsOrTime: number) {
|
protected pauseOnRun(stepsOrTime: number) {
|
||||||
@ -275,7 +276,6 @@ namespace motors {
|
|||||||
// allow robot to settle
|
// allow robot to settle
|
||||||
this.settle();
|
this.settle();
|
||||||
} else {
|
} else {
|
||||||
// give a breather to the event system in tight loops
|
|
||||||
pause(1);
|
pause(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -25,7 +25,8 @@
|
|||||||
"dal.d.ts",
|
"dal.d.ts",
|
||||||
"icons.jres",
|
"icons.jres",
|
||||||
"ns.ts",
|
"ns.ts",
|
||||||
"platform.h"
|
"platform.h",
|
||||||
|
"integrator.ts"
|
||||||
],
|
],
|
||||||
"testFiles": [
|
"testFiles": [
|
||||||
"test.ts"
|
"test.ts"
|
||||||
|
@ -0,0 +1,21 @@
|
|||||||
|
# Pause Until Rotated
|
||||||
|
|
||||||
|
Pauses the program until the gyro sensors detect that the desired amount of rotation
|
||||||
|
has been acheived.
|
||||||
|
|
||||||
|
```
|
||||||
|
sensors.gyro2.pauseUntilRotated(90)
|
||||||
|
```
|
||||||
|
|
||||||
|
## Example
|
||||||
|
|
||||||
|
This program performs a square turn left, then right.
|
||||||
|
|
||||||
|
```blocks
|
||||||
|
sensors.gyro2.calibrate()
|
||||||
|
motors.largeBC.steer(200, 10)
|
||||||
|
sensors.gyro2.pauseUntilRotated(90)
|
||||||
|
motors.largeBC.steer(-200, 10)
|
||||||
|
sensors.gyro2.pauseUntilRotated(-90)
|
||||||
|
motors.largeBC.stop()
|
||||||
|
```
|
@ -7,12 +7,15 @@ const enum GyroSensorMode {
|
|||||||
namespace sensors {
|
namespace sensors {
|
||||||
//% fixedInstances
|
//% fixedInstances
|
||||||
export class GyroSensor extends internal.UartSensor {
|
export class GyroSensor extends internal.UartSensor {
|
||||||
private calibrating: boolean;
|
private _calibrating: boolean;
|
||||||
private _drift: number;
|
private _drift: number;
|
||||||
|
private _angle: control.EulerIntegrator;
|
||||||
constructor(port: number) {
|
constructor(port: number) {
|
||||||
super(port)
|
super(port)
|
||||||
this.calibrating = false;
|
this._calibrating = false;
|
||||||
this._drift = 0;
|
this._drift = 0;
|
||||||
|
this._angle = new control.EulerIntegrator();
|
||||||
|
this._setMode(GyroSensorMode.Rate);
|
||||||
this.setMode(GyroSensorMode.Rate);
|
this.setMode(GyroSensorMode.Rate);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -21,13 +24,17 @@ namespace sensors {
|
|||||||
}
|
}
|
||||||
|
|
||||||
_query(): number {
|
_query(): number {
|
||||||
return this.getNumber(NumberFormat.Int16LE, 0);
|
const v = this.getNumber(NumberFormat.Int16LE, 0);
|
||||||
|
this._angle.integrate(v - this._drift);
|
||||||
|
return v;
|
||||||
}
|
}
|
||||||
|
|
||||||
setMode(m: GyroSensorMode) {
|
setMode(m: GyroSensorMode) {
|
||||||
if (m == GyroSensorMode.Rate && this.mode != m)
|
// decrecated
|
||||||
this._drift = 0;
|
}
|
||||||
this._setMode(m)
|
|
||||||
|
isCalibrating(): boolean {
|
||||||
|
return this._calibrating;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -40,15 +47,14 @@ namespace sensors {
|
|||||||
//% parts="gyroscope"
|
//% parts="gyroscope"
|
||||||
//% blockNamespace=sensors
|
//% blockNamespace=sensors
|
||||||
//% this.fieldEditor="ports"
|
//% this.fieldEditor="ports"
|
||||||
//% weight=64
|
//% weight=64 blockGap=8
|
||||||
//% group="Gyro Sensor"
|
//% group="Gyro Sensor"
|
||||||
angle(): number {
|
angle(): number {
|
||||||
this.poke();
|
this.poke();
|
||||||
if (this.calibrating)
|
if (this._calibrating)
|
||||||
pauseUntil(() => !this.calibrating, 2000);
|
pauseUntil(() => !this._calibrating, 2000);
|
||||||
|
|
||||||
this.setMode(GyroSensorMode.Angle);
|
return Math.round(this._angle.value);
|
||||||
return this._query();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -65,10 +71,8 @@ namespace sensors {
|
|||||||
//% group="Gyro Sensor"
|
//% group="Gyro Sensor"
|
||||||
rate(): number {
|
rate(): number {
|
||||||
this.poke();
|
this.poke();
|
||||||
if (this.calibrating)
|
if (this._calibrating)
|
||||||
pauseUntil(() => !this.calibrating, 2000);
|
pauseUntil(() => !this._calibrating, 2000);
|
||||||
|
|
||||||
this.setMode(GyroSensorMode.Rate);
|
|
||||||
return this._query() - this._drift;
|
return this._query() - this._drift;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -85,12 +89,12 @@ namespace sensors {
|
|||||||
//% weight=51 blockGap=8
|
//% weight=51 blockGap=8
|
||||||
//% group="Gyro Sensor"
|
//% group="Gyro Sensor"
|
||||||
calibrate(): void {
|
calibrate(): void {
|
||||||
if (this.calibrating) return; // already in calibration mode
|
if (this._calibrating) return; // already in calibration mode
|
||||||
|
|
||||||
const statusLight = brick.statusLight(); // save current status light
|
const statusLight = brick.statusLight(); // save current status light
|
||||||
brick.setStatusLight(StatusLight.Orange);
|
brick.setStatusLight(StatusLight.Orange);
|
||||||
|
|
||||||
this.calibrating = true;
|
this._calibrating = true;
|
||||||
// may be triggered by a button click,
|
// may be triggered by a button click,
|
||||||
// give time for robot to settle
|
// give time for robot to settle
|
||||||
pause(700);
|
pause(700);
|
||||||
@ -104,7 +108,8 @@ namespace sensors {
|
|||||||
brick.setStatusLight(statusLight); // resture previous light
|
brick.setStatusLight(statusLight); // resture previous light
|
||||||
|
|
||||||
// and we're done
|
// and we're done
|
||||||
this.calibrating = false;
|
this._angle.reset();
|
||||||
|
this._calibrating = false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -116,22 +121,22 @@ namespace sensors {
|
|||||||
// wait till sensor is live
|
// wait till sensor is live
|
||||||
pauseUntil(() => this.isActive(), 7000);
|
pauseUntil(() => this.isActive(), 7000);
|
||||||
// mode toggling
|
// mode toggling
|
||||||
this.setMode(GyroSensorMode.Rate);
|
this._setMode(GyroSensorMode.Rate);
|
||||||
this.setMode(GyroSensorMode.Angle);
|
this._setMode(GyroSensorMode.Angle);
|
||||||
|
this._setMode(GyroSensorMode.Rate);
|
||||||
|
|
||||||
// check sensor is ready
|
// check sensor is ready
|
||||||
if (!this.isActive()) {
|
if (!this.isActive()) {
|
||||||
brick.setStatusLight(StatusLight.RedFlash); // didn't work
|
brick.setStatusLight(StatusLight.RedFlash); // didn't work
|
||||||
pause(2000);
|
pause(2000);
|
||||||
brick.setStatusLight(statusLight); // restore previous light
|
brick.setStatusLight(statusLight); // restore previous light
|
||||||
this.calibrating = false;
|
this._angle.reset();
|
||||||
|
this._calibrating = false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// switch to rate mode
|
// switch to rate mode
|
||||||
this.computeDriftNoCalibration();
|
this.computeDriftNoCalibration();
|
||||||
// switch back to the desired mode
|
|
||||||
this.setMode(this.mode);
|
|
||||||
|
|
||||||
// and done
|
// and done
|
||||||
brick.setStatusLight(StatusLight.Green); // success
|
brick.setStatusLight(StatusLight.Green); // success
|
||||||
@ -139,7 +144,8 @@ namespace sensors {
|
|||||||
brick.setStatusLight(statusLight); // resture previous light
|
brick.setStatusLight(statusLight); // resture previous light
|
||||||
|
|
||||||
// and we're done
|
// and we're done
|
||||||
this.calibrating = false;
|
this._angle.reset();
|
||||||
|
this._calibrating = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -154,13 +160,37 @@ namespace sensors {
|
|||||||
//% weight=50 blockGap=8
|
//% weight=50 blockGap=8
|
||||||
//% group="Gyro Sensor"
|
//% group="Gyro Sensor"
|
||||||
reset(): void {
|
reset(): void {
|
||||||
if (this.calibrating) return; // already in calibration mode
|
if (this._calibrating) return; // already in calibration mode
|
||||||
|
|
||||||
|
this._calibrating = true;
|
||||||
|
const statusLight = brick.statusLight(); // save current status light
|
||||||
|
brick.setStatusLight(StatusLight.Orange);
|
||||||
|
|
||||||
this.calibrating = true;
|
|
||||||
// send a reset command
|
// send a reset command
|
||||||
super.reset();
|
super.reset();
|
||||||
|
this._drift = 0;
|
||||||
|
this._angle.reset();
|
||||||
|
pauseUntil(() => this.isActive(), 7000);
|
||||||
|
|
||||||
|
// check sensor is ready
|
||||||
|
if (!this.isActive()) {
|
||||||
|
brick.setStatusLight(StatusLight.RedFlash); // didn't work
|
||||||
|
pause(2000);
|
||||||
|
brick.setStatusLight(statusLight); // restore previous light
|
||||||
|
this._angle.reset();
|
||||||
|
this._calibrating = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this._setMode(GyroSensorMode.Rate);
|
||||||
|
|
||||||
// and done
|
// and done
|
||||||
this.calibrating = false;
|
brick.setStatusLight(StatusLight.Green); // success
|
||||||
|
pause(1000);
|
||||||
|
brick.setStatusLight(statusLight); // resture previous light
|
||||||
|
// and done
|
||||||
|
this._angle.reset();
|
||||||
|
this._calibrating = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -190,15 +220,34 @@ namespace sensors {
|
|||||||
//% weight=10 blockGap=8
|
//% weight=10 blockGap=8
|
||||||
//% group="Gyro Sensor"
|
//% group="Gyro Sensor"
|
||||||
computeDrift() {
|
computeDrift() {
|
||||||
if (this.calibrating)
|
if (this._calibrating)
|
||||||
pauseUntil(() => !this.calibrating, 2000);
|
pauseUntil(() => !this._calibrating, 2000);
|
||||||
pause(1000); // let the robot settle
|
pause(1000); // let the robot settle
|
||||||
this.computeDriftNoCalibration();
|
this.computeDriftNoCalibration();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Pauses the program until the gyro detected
|
||||||
|
* that the angle changed by the desired amount of degrees.
|
||||||
|
* @param degrees the degrees to turn
|
||||||
|
*/
|
||||||
|
//% help=sensors/gyro/pause-until-rotated
|
||||||
|
//% block="pause **gyro** %this|until rotated %degrees|degrees"
|
||||||
|
//% blockId=gyroPauseUntilRotated
|
||||||
|
//% parts="gyroscope"
|
||||||
|
//% blockNamespace=sensors
|
||||||
|
//% this.fieldEditor="ports"
|
||||||
|
//% weight=63
|
||||||
|
//% group="Gyro Sensor"
|
||||||
|
pauseUntilRotated(degrees: number, timeOut?: number): void {
|
||||||
|
let a = this.angle();
|
||||||
|
const end = a + degrees;
|
||||||
|
const direction = (end - a) > 0 ? 1 : -1;
|
||||||
|
pauseUntil(() => (end - this.angle()) * direction <= 0, timeOut);
|
||||||
|
}
|
||||||
|
|
||||||
private computeDriftNoCalibration() {
|
private computeDriftNoCalibration() {
|
||||||
// clear drift
|
// clear drift
|
||||||
this.setMode(GyroSensorMode.Rate);
|
|
||||||
this._drift = 0;
|
this._drift = 0;
|
||||||
const n = 10;
|
const n = 10;
|
||||||
let d = 0;
|
let d = 0;
|
||||||
@ -207,22 +256,17 @@ namespace sensors {
|
|||||||
pause(20);
|
pause(20);
|
||||||
}
|
}
|
||||||
this._drift = d / n;
|
this._drift = d / n;
|
||||||
|
this._angle.reset();
|
||||||
}
|
}
|
||||||
|
|
||||||
_info(): string {
|
_info(): string {
|
||||||
if (this.calibrating)
|
if (this._calibrating)
|
||||||
return "cal...";
|
return "cal...";
|
||||||
|
|
||||||
switch (this.mode) {
|
let r = `${this._query()}r`;
|
||||||
case GyroSensorMode.Angle:
|
if (this._drift != 0)
|
||||||
return `${this._query()}>`;
|
r += `-${this._drift | 0}`;
|
||||||
case GyroSensorMode.Rate:
|
return r;
|
||||||
let r = `${this._query()}r`;
|
|
||||||
if (this._drift != 0)
|
|
||||||
r += `-${this._drift | 0}`;
|
|
||||||
return r;
|
|
||||||
}
|
|
||||||
return "";
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -8,7 +8,6 @@ namespace pxsim {
|
|||||||
export class GyroSensorNode extends UartSensorNode {
|
export class GyroSensorNode extends UartSensorNode {
|
||||||
id = NodeType.GyroSensor;
|
id = NodeType.GyroSensor;
|
||||||
|
|
||||||
private angle: number = 0;
|
|
||||||
private rate: number = 0;
|
private rate: number = 0;
|
||||||
|
|
||||||
constructor(port: number) {
|
constructor(port: number) {
|
||||||
@ -19,14 +18,6 @@ namespace pxsim {
|
|||||||
return DAL.DEVICE_TYPE_GYRO;
|
return DAL.DEVICE_TYPE_GYRO;
|
||||||
}
|
}
|
||||||
|
|
||||||
setAngle(angle: number) {
|
|
||||||
angle = angle | 0;
|
|
||||||
if (this.angle != angle) {
|
|
||||||
this.angle = angle;
|
|
||||||
this.setChangedState();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
setRate(rate: number) {
|
setRate(rate: number) {
|
||||||
rate = rate | 0;
|
rate = rate | 0;
|
||||||
if (this.rate != rate) {
|
if (this.rate != rate) {
|
||||||
@ -35,9 +26,12 @@ namespace pxsim {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
getRate() {
|
||||||
|
return this.rate;
|
||||||
|
}
|
||||||
|
|
||||||
getValue() {
|
getValue() {
|
||||||
return this.mode == GyroSensorMode.Angle ? this.angle :
|
return this.getRate();
|
||||||
this.mode == GyroSensorMode.Rate ? this.rate : 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -2,12 +2,11 @@
|
|||||||
|
|
||||||
namespace pxsim.visuals {
|
namespace pxsim.visuals {
|
||||||
const MAX_RATE = 40;
|
const MAX_RATE = 40;
|
||||||
const MAX_ANGLE = 360;
|
|
||||||
|
|
||||||
export class RotationSliderControl extends ControlView<GyroSensorNode> {
|
export class RotationSliderControl extends ControlView<GyroSensorNode> {
|
||||||
private group: SVGGElement;
|
private group: SVGGElement;
|
||||||
private slider: SVGGElement;
|
private slider: SVGGElement;
|
||||||
private text: SVGTextElement;
|
private rateText: SVGTextElement;
|
||||||
|
|
||||||
private static SLIDER_WIDTH = 70;
|
private static SLIDER_WIDTH = 70;
|
||||||
//private static SLIDER_HEIGHT = 78;
|
//private static SLIDER_HEIGHT = 78;
|
||||||
@ -26,8 +25,8 @@ namespace pxsim.visuals {
|
|||||||
pxsim.svg.child(this.slider, "circle", { 'cx': 9, 'cy': 50, 'r': 13, 'style': 'fill: #f12a21' });
|
pxsim.svg.child(this.slider, "circle", { 'cx': 9, 'cy': 50, 'r': 13, 'style': 'fill: #f12a21' });
|
||||||
pxsim.svg.child(this.slider, "circle", { 'cx': 9, 'cy': 50, 'r': 12.5, 'style': 'fill: none;stroke: #b32e29' });
|
pxsim.svg.child(this.slider, "circle", { 'cx': 9, 'cy': 50, 'r': 12.5, 'style': 'fill: none;stroke: #b32e29' });
|
||||||
|
|
||||||
this.text = pxsim.svg.child(this.group, "text", {
|
this.rateText = pxsim.svg.child(this.group, "text", {
|
||||||
'x': RotationSliderControl.SLIDER_WIDTH / 2,
|
'x': this.getInnerWidth() / 2,
|
||||||
'y': RotationSliderControl.SLIDER_WIDTH * 1.2,
|
'y': RotationSliderControl.SLIDER_WIDTH * 1.2,
|
||||||
'text-anchor': 'middle', 'dominant-baseline': 'middle',
|
'text-anchor': 'middle', 'dominant-baseline': 'middle',
|
||||||
'style': 'font-size: 16px',
|
'style': 'font-size: 16px',
|
||||||
@ -72,17 +71,10 @@ namespace pxsim.visuals {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const node = this.state;
|
const node = this.state;
|
||||||
let percentage = 50;
|
const rate = node.getRate();
|
||||||
if (node.getMode() == GyroSensorMode.Rate) {
|
this.rateText.textContent = `${rate}°/s`
|
||||||
const rate = node.getValue();
|
// cap rate at 40deg/s
|
||||||
this.text.textContent = `${rate}°/s`
|
const percentage = 50 + Math.sign(rate) * Math.min(MAX_RATE, Math.abs(rate)) / MAX_RATE * 50;
|
||||||
// cap rate at 40deg/s
|
|
||||||
percentage = 50 + Math.sign(rate) * Math.min(MAX_RATE, Math.abs(rate)) / MAX_RATE * 50;
|
|
||||||
} else { //angle
|
|
||||||
const angle = node.getValue();
|
|
||||||
this.text.textContent = `${angle}°`
|
|
||||||
percentage = 50 + Math.sign(angle) * Math.min(MAX_ANGLE, Math.abs(angle)) / MAX_ANGLE * 50;
|
|
||||||
}
|
|
||||||
const x = RotationSliderControl.SLIDER_WIDTH * percentage / 100;
|
const x = RotationSliderControl.SLIDER_WIDTH * percentage / 100;
|
||||||
const y = Math.abs((percentage - 50) / 50) * 10;
|
const y = Math.abs((percentage - 50) / 50) * 10;
|
||||||
this.slider.setAttribute("transform", `translate(${x}, ${y})`);
|
this.slider.setAttribute("transform", `translate(${x}, ${y})`);
|
||||||
@ -97,11 +89,7 @@ namespace pxsim.visuals {
|
|||||||
t = -(t - 0.5) * 2; // [-1,1]
|
t = -(t - 0.5) * 2; // [-1,1]
|
||||||
|
|
||||||
const state = this.state;
|
const state = this.state;
|
||||||
if (state.getMode() == GyroSensorMode.Rate) {
|
state.setRate(MAX_RATE * t);
|
||||||
state.setRate(MAX_RATE * t);
|
|
||||||
} else {
|
|
||||||
state.setAngle(MAX_ANGLE * t)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user