mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-10-04 05:38:11 +08:00
beginning fix for camera perspective
This commit is contained in:
@@ -51,6 +51,7 @@ class Graph extends React.Component {
|
|||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
this.count = 0;
|
this.count = 0;
|
||||||
|
this.inverse = mat4.identity([]);
|
||||||
this.state = {
|
this.state = {
|
||||||
drawn: false,
|
drawn: false,
|
||||||
svg: null,
|
svg: null,
|
||||||
@@ -93,6 +94,17 @@ class Graph extends React.Component {
|
|||||||
scale: viewportHeight / viewportWidth
|
scale: viewportHeight / viewportWidth
|
||||||
});
|
});
|
||||||
|
|
||||||
|
var view = camera.view(); // get the camera matrix
|
||||||
|
var projection = mat4.perspective(
|
||||||
|
[],
|
||||||
|
Math.PI / 2,
|
||||||
|
context.viewportWidth * props.scale / context.viewportHeight,
|
||||||
|
0.01,
|
||||||
|
1000
|
||||||
|
); // get the projection matrix
|
||||||
|
var combined = mat.multiply([], projection, view); // this is the matrix applied to the transform
|
||||||
|
this.inverse = mat.invert([], combined); // this is the inverse
|
||||||
|
|
||||||
camera.tick();
|
camera.tick();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user