github/scratch-render
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #154 from paulkaplan/fix-pick-sizing

Browse Source 
Fix picking when input size is different from native size
This commit is contained in:
Paul Kaplan 2017-08-10 16:02:57 -04:00 committed by GitHub
commit ace5d934f8
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/RenderWebGL.js
View File

@ -623,15 +623,19 @@ class RenderWebGL extends EventEmitter {
const drawable = this._allDrawables[drawableID];
if (!drawable) return null;
// Convert client coordinates into absolute scratch units
const scratchX = this._nativeSize[0] * ((x / this._gl.canvas.clientWidth) - 0.5);
const scratchY = this._nativeSize[1] * ((y / this._gl.canvas.clientHeight) - 0.5);
const gl = this._gl;
twgl.bindFramebufferInfo(gl, this._queryBufferInfo);
const bounds = drawable.getFastBounds();
bounds.snapToInt();
// Translate input x and y to coordinates relative to the drawable
const pickX = x - ((this._nativeSize[0] / 2) + bounds.left);
const pickY = y - ((this._nativeSize[1] / 2) - bounds.top);
// Translate to scratch units relative to the drawable
const pickX = scratchX - bounds.left;
const pickY = scratchY + bounds.top;
// Limit size of viewport to the bounds around the target Drawable,
// and create the projection matrix for the draw.
@ -672,8 +676,8 @@ class RenderWebGL extends EventEmitter {
width: bounds.width,
height: bounds.height,
scratchOffset: [
(this._nativeSize[0] / 2) - x + drawable._position[0],
(this._nativeSize[1] / 2) - y - drawable._position[1]
-scratchX + drawable._position[0],
-scratchY - drawable._position[1]
],
x: pickX,
y: pickY