-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Revised pixelRatio in 3D plots to address multiple bugs #3573
Changes from 1 commit
c2a9e3f
2a80673
9ad6634
012625d
4542e8d
85233b2
27cfcab
7f48ecf
9586f78
5096f4f
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -72,21 +72,21 @@ | |
"es6-promise": "^3.0.2", | ||
"fast-isnumeric": "^1.1.2", | ||
"font-atlas-sdf": "^1.3.3", | ||
"gl-cone3d": "^1.2.2", | ||
"gl-cone3d": "git://github.com/gl-vis/gl-cone3d.git#ec71aa87233d04b543ae53854c9a1182d40fc8ac", | ||
"gl-contour2d": "^1.1.5", | ||
"gl-error3d": "^1.0.13", | ||
"gl-error3d": "git://github.com/gl-vis/gl-error3d.git#75ec29dd1dde51a697f718cdacf76e36a7bfd38c", | ||
"gl-heatmap2d": "^1.0.5", | ||
"gl-line3d": "^1.1.10", | ||
"gl-mat4": "^1.2.0", | ||
"gl-mesh3d": "^2.0.7", | ||
"gl-mesh3d": "git://github.com/gl-vis/gl-mesh3d.git#31d34ba3cec063697cc3891e141532cd80d95ba3", | ||
"gl-plot2d": "^1.4.2", | ||
"gl-plot3d": "^2.0.0", | ||
"gl-plot3d": "git://github.com/gl-vis/gl-plot3d.git#3580a0eedd81b9f212186caa8e7018d8016274fe", | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
"gl-pointcloud2d": "^1.0.2", | ||
"gl-scatter3d": "^1.1.6", | ||
"gl-scatter3d": "git://github.com/gl-vis/gl-scatter3d.git#6292ada845bdcd44a8e2db2d3c5e18c96c9ac210", | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
"gl-select-box": "^1.0.3", | ||
"gl-spikes2d": "^1.0.2", | ||
"gl-streamtube3d": "^1.1.2", | ||
"gl-surface3d": "^1.4.1", | ||
"gl-streamtube3d": "git://github.com/gl-vis/gl-streamtube3d.git#ecdaa1dbbcd315ba06133aeccf870c98b993a8ae", | ||
"gl-surface3d": "git://github.com/gl-vis/gl-surface3d.git#96e61eebac18e9b525f7f3e6b714291b5d1b4bad", | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
"gl-text": "^1.1.6", | ||
"glslify": "^7.0.0", | ||
"has-hover": "^1.0.1", | ||
|
Original file line number | Diff line number | Diff line change | ||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
@@ -192,7 +192,7 @@ function render(scene) { | |||||||||||||||||||||||||||||||||||||||||
scene.drawAnnotations(scene); | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
function tryCreatePlot(scene, camera, canvas, gl) { | ||||||||||||||||||||||||||||||||||||||||||
function tryCreatePlot(scene, camera, pixelRatio, canvas, gl) { | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var glplotOptions = { | ||||||||||||||||||||||||||||||||||||||||||
canvas: canvas, | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -204,7 +204,8 @@ function tryCreatePlot(scene, camera, canvas, gl) { | |||||||||||||||||||||||||||||||||||||||||
snapToData: true, | ||||||||||||||||||||||||||||||||||||||||||
autoScale: true, | ||||||||||||||||||||||||||||||||||||||||||
autoBounds: false, | ||||||||||||||||||||||||||||||||||||||||||
camera: camera | ||||||||||||||||||||||||||||||||||||||||||
camera: camera, | ||||||||||||||||||||||||||||||||||||||||||
pixelRatio: pixelRatio | ||||||||||||||||||||||||||||||||||||||||||
}; | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
// for static plots, we reuse the WebGL context | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -237,9 +238,9 @@ function tryCreatePlot(scene, camera, canvas, gl) { | |||||||||||||||||||||||||||||||||||||||||
return true; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
function initializeGLPlot(scene, camera, canvas, gl) { | ||||||||||||||||||||||||||||||||||||||||||
function initializeGLPlot(scene, camera, pixelRatio, canvas, gl) { | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var success = tryCreatePlot(scene, camera, canvas, gl); | ||||||||||||||||||||||||||||||||||||||||||
var success = tryCreatePlot(scene, camera, pixelRatio, canvas, gl); | ||||||||||||||||||||||||||||||||||||||||||
/* | ||||||||||||||||||||||||||||||||||||||||||
* createPlot will throw when webgl is not enabled in the client. | ||||||||||||||||||||||||||||||||||||||||||
* Lets return an instance of the module with all functions noop'd. | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -340,7 +341,7 @@ function Scene(options, fullLayout) { | |||||||||||||||||||||||||||||||||||||||||
this.spikeOptions = createSpikeOptions(fullLayout[this.id]); | ||||||||||||||||||||||||||||||||||||||||||
this.container = sceneContainer; | ||||||||||||||||||||||||||||||||||||||||||
this.staticMode = !!options.staticPlot; | ||||||||||||||||||||||||||||||||||||||||||
this.pixelRatio = options.plotGlPixelRatio || 2; | ||||||||||||||||||||||||||||||||||||||||||
this.pixelRatio = this.pixelRatio || options.plotGlPixelRatio || 2; | ||||||||||||||||||||||||||||||||||||||||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. This may break graphs where users set config option plotly.js/src/plot_api/plot_config.js Lines 309 to 319 in 13b925c
Orca does it here: using (a strange) value: There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Oh wait nevermind, There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Yes I think so. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Ok great. Can you try generating the You may want to modify: Lines 31 to 39 in 3e15f17
to get orca started easily and you might have to tweak the orca or to pass the different There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. @etpinard Thank you so much for the links. Using orca I was able to produce gl3d_* images from this branch and compared them against the master branch. I also tweaked the |
||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
// Coordinate rescaling | ||||||||||||||||||||||||||||||||||||||||||
this.dataScale = [1, 1, 1]; | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -351,7 +352,8 @@ function Scene(options, fullLayout) { | |||||||||||||||||||||||||||||||||||||||||
this.drawAnnotations = Registry.getComponentMethod('annotations3d', 'draw'); | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var camera = fullLayout.scene.camera; | ||||||||||||||||||||||||||||||||||||||||||
initializeGLPlot(this, camera); | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
initializeGLPlot(this, camera, this.pixelRatio); | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var proto = Scene.prototype; | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -377,14 +379,15 @@ proto.recoverContext = function() { | |||||||||||||||||||||||||||||||||||||||||
var gl = this.glplot.gl; | ||||||||||||||||||||||||||||||||||||||||||
var canvas = this.glplot.canvas; | ||||||||||||||||||||||||||||||||||||||||||
var camera = this.glplot.camera; | ||||||||||||||||||||||||||||||||||||||||||
var pixelRatio = this.glplot.pixelRatio; | ||||||||||||||||||||||||||||||||||||||||||
this.glplot.dispose(); | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
function tryRecover() { | ||||||||||||||||||||||||||||||||||||||||||
if(gl.isContextLost()) { | ||||||||||||||||||||||||||||||||||||||||||
requestAnimationFrame(tryRecover); | ||||||||||||||||||||||||||||||||||||||||||
return; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
if(!initializeGLPlot(scene, camera, canvas, gl)) { | ||||||||||||||||||||||||||||||||||||||||||
if(!initializeGLPlot(scene, camera, pixelRatio, canvas, gl)) { | ||||||||||||||||||||||||||||||||||||||||||
Lib.error('Catastrophic and unrecoverable WebGL error. Context lost.'); | ||||||||||||||||||||||||||||||||||||||||||
return; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -780,6 +783,8 @@ proto.setCamera = function setCamera(cameraData) { | |||||||||||||||||||||||||||||||||||||||||
if(newOrtho !== oldOrtho) { | ||||||||||||||||||||||||||||||||||||||||||
this.glplot.redraw(); | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var pixelRatio = this.glplot.pixelRatio; | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
var RGBA = this.glplot.clearColor; | ||||||||||||||||||||||||||||||||||||||||||
this.glplot.gl.clearColor( | ||||||||||||||||||||||||||||||||||||||||||
RGBA[0], RGBA[1], RGBA[2], RGBA[3] | ||||||||||||||||||||||||||||||||||||||||||
|
@@ -791,7 +796,7 @@ proto.setCamera = function setCamera(cameraData) { | |||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
this.glplot.dispose(); | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
initializeGLPlot(this, cameraData); | ||||||||||||||||||||||||||||||||||||||||||
initializeGLPlot(this, cameraData, pixelRatio); | ||||||||||||||||||||||||||||||||||||||||||
this.glplot.camera._ortho = newOrtho; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
}; | ||||||||||||||||||||||||||||||||||||||||||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -1013,7 +1013,7 @@ | |
} | ||
} | ||
}, | ||
"width": 1745, | ||
"width": 878, | ||
"height": 878 | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -384,7 +384,7 @@ describe('Test gl3d plots', function() { | |
.then(done); | ||
}); | ||
|
||
it('@gl should display correct hover labels (mesh3d case)', function(done) { | ||
it('@noCI @gl should display correct hover labels (mesh3d case)', function(done) { | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Does this test still pass locally using
? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Unfortunately no. The mock is unexpectedly rotated after the click possibly related to There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Yes please,
should (always 😄 ) pass. |
||
var x = [1, 1, 2, 3, 4, 2]; | ||
var y = [2, 1, 3, 4, 5, 3]; | ||
var z = [3, 7, 4, 5, 3.5, 2]; | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://github.com/gl-vis/gl-error3d/compare/fix-false-antialias-issue3387