jonigata commited on
Commit
1b0aeb4
·
1 Parent(s): 0bcf596

fix wheel problem

Browse files
Files changed (1) hide show
  1. static/poseEditor.js +8 -4
static/poseEditor.js CHANGED
@@ -125,8 +125,11 @@ function drawBodyPose() {
125
  ctx.globalAlpha = 1.0;
126
  }
127
 
 
 
128
  function drawUI() {
129
- if (keyDownFlags['Space'] || keyDownFlags['BracketLeft'] || keyDownFlags['BracketRight']) {
 
130
  ctx.beginPath();
131
  ctx.arc(mouseCursor[0], mouseCursor[1], dragRange, 0, 2 * Math.PI);
132
  ctx.strokeStyle = 'rgb(255,255,255)';
@@ -322,11 +325,12 @@ function ModifyDragRange(delta) { dragRange = Math.max(dragRangeDelta, Math.min(
322
 
323
  document.addEventListener('wheel', function(event) {
324
  const deltaY = event.deltaY;
325
- if (deltaY < 0) {ModifyDragRange(dragRangeDelta);}
326
- if (0 < deltaY) {ModifyDragRange(-dragRangeDelta);}
 
327
  Redraw();
328
  window.setTimeout(function() { Redraw(); }, 100);
329
- });
330
 
331
  document.addEventListener("keydown", (event) => {
332
  if (event.code == "BracketLeft") { ModifyDragRange(-dragRangeDelta); }
 
125
  ctx.globalAlpha = 1.0;
126
  }
127
 
128
+ let lastWheeling = 0;
129
+
130
  function drawUI() {
131
+ if (keyDownFlags['Space'] || keyDownFlags['BracketLeft'] || keyDownFlags['BracketRight'] ||
132
+ new Date().getTime() - lastWheeling < 100) {
133
  ctx.beginPath();
134
  ctx.arc(mouseCursor[0], mouseCursor[1], dragRange, 0, 2 * Math.PI);
135
  ctx.strokeStyle = 'rgb(255,255,255)';
 
325
 
326
  document.addEventListener('wheel', function(event) {
327
  const deltaY = event.deltaY;
328
+ if (deltaY < 0) {ModifyDragRange(-dragRangeDelta);}
329
+ if (0 < deltaY) {ModifyDragRange(dragRangeDelta);}
330
+ lastWheeling = new Date().getTime();
331
  Redraw();
332
  window.setTimeout(function() { Redraw(); }, 100);
333
+ }, {passive: true});
334
 
335
  document.addEventListener("keydown", (event) => {
336
  if (event.code == "BracketLeft") { ModifyDragRange(-dragRangeDelta); }