show vectors option
This commit is contained in:
parent
3233052f63
commit
952ea553c7
@ -1,7 +1,8 @@
|
|||||||
// Options picker
|
// Options picker
|
||||||
import { Tool } from '../tool.js';
|
import { Tool } from '../tool.js';
|
||||||
import {
|
import {
|
||||||
MODE_PAN_VIEW,
|
DISPLAY_ACCELERATION_VECTORS,
|
||||||
|
DISPLAY_VELOCITY_VECTORS,
|
||||||
PAUSE_DURING_CREATION,
|
PAUSE_DURING_CREATION,
|
||||||
PAUSE_DURING_SELECTION,
|
PAUSE_DURING_SELECTION,
|
||||||
} from '../config.js';
|
} from '../config.js';
|
||||||
@ -12,6 +13,11 @@ export class Options extends Tool {
|
|||||||
items: [
|
items: [
|
||||||
{ type: 'boolean', name: 'creation', title: 'Creation', default: PAUSE_DURING_CREATION },
|
{ type: 'boolean', name: 'creation', title: 'Creation', default: PAUSE_DURING_CREATION },
|
||||||
{ type: 'boolean', name: 'selection', title: 'Selection', default: PAUSE_DURING_SELECTION },
|
{ type: 'boolean', name: 'selection', title: 'Selection', default: PAUSE_DURING_SELECTION },
|
||||||
|
]}, {
|
||||||
|
type: 'group', name: 'show', title: 'Show Vectors',
|
||||||
|
items: [
|
||||||
|
{ type: 'boolean', name: 'velocity', title: 'Velocity', default: DISPLAY_VELOCITY_VECTORS },
|
||||||
|
{ type: 'boolean', name: 'acceleration', title: 'Acceleration', default: DISPLAY_ACCELERATION_VECTORS },
|
||||||
]
|
]
|
||||||
}];
|
}];
|
||||||
|
|
||||||
@ -36,12 +42,11 @@ export class Options extends Tool {
|
|||||||
button.innerHTML = `<h4>${item.title}</h4>`;
|
button.innerHTML = `<h4>${item.title}</h4>`;
|
||||||
this.setOption(path, item.default);
|
this.setOption(path, item.default);
|
||||||
button.style.opacity = this.values[path] ? '100%' : '50%';
|
button.style.opacity = this.values[path] ? '100%' : '50%';
|
||||||
button.addEventListener('click', (e) => {
|
button.addEventListener('click', () => {
|
||||||
this.setOption(path, !this.getOption(path));
|
this.setOption(path, !this.getOption(path));
|
||||||
button.style.opacity = this.values[path] ? '100%' : '50%';
|
button.style.opacity = this.values[path] ? '100%' : '50%';
|
||||||
});
|
});
|
||||||
return button;
|
return button;
|
||||||
break;
|
|
||||||
}
|
}
|
||||||
default:
|
default:
|
||||||
throw new Error('unknown option type');
|
throw new Error('unknown option type');
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user