Integrating cesium with threejs

CesiumJS
1

1. I am following this tutorial.

Problem I am facing is in following block:

// configure entity position and orientation
    _3Dobjects[id].graphMesh.position.copy(center);
    _3Dobjects[id].graphMesh.lookAt(centerHigh);
    _3Dobjects[id].graphMesh.up.copy(latDir);

graphMesh is null. Going through the code, I couldn’t find this being initialized.

Only assignment I could see is :

function _3DObject(){
  this.graphMesh = null; //Three.js 3DObject.mesh
  this.minWGS84 = null; //location bounding box
  this.maxWGS84 = null;
}

So, how to get graphMesh initialized?

With regards

2

You need to load a mesh. You could load a primitive(cube, sphere, plane,…), or load the mesh from a file.

3

Scott is correct! Don’t forget you can also see a full working example here:

https://github.com/AnalyticalGraphicsInc/cesium-threejs-experiment/blob/master/public/CesiumThree.js

It looks like graphMesh is never initialized in the tutorial, but in the code it looks like it’s called “threeMesh” instead.