use of org.cesiumjs.cs.datasources.properties.SampledPositionProperty in project gwt-cs by iSergio.
the class Cardboard method buildPanel.
@Override
public void buildPanel() {
ViewerOptions viewerOptions = new ViewerOptions();
viewerOptions.vrButton = true;
ViewerPanel csVPanel = new ViewerPanel(viewerOptions);
csVPanel.getViewer().scene().globe.enableLighting = true;
CesiumTerrainProviderOptions cesiumTerrainProviderOptions = new CesiumTerrainProviderOptions();
cesiumTerrainProviderOptions.url = "https://assets.agi.com/stk-terrain/world";
cesiumTerrainProviderOptions.requestVertexNormals = true;
csVPanel.getViewer().terrainProvider = new CesiumTerrainProvider(cesiumTerrainProviderOptions);
csVPanel.getViewer().scene().globe.depthTestAgainstTerrain = true;
// Follow the path of a plane. See the interpolation Sandcastle example.
Math.setRandomNumberSeed(3);
start = JulianDate.fromDate(new JsDate(2015, 2, 25, 16));
stop = JulianDate.addSeconds(start, 360, new JulianDate());
csVPanel.getViewer().clock().startTime = start.clone();
csVPanel.getViewer().clock().stopTime = stop.clone();
csVPanel.getViewer().clock().currentTime = start.clone();
csVPanel.getViewer().clock().clockRange = ClockRange.LOOP_STOP();
csVPanel.getViewer().clock().multiplier = 1.0;
double lon = -112.110693;
double lat = 36.0994841;
double radius = 0.03;
String modelURI = GWT.getModuleBaseURL() + "SampleData/models/CesiumBalloon/CesiumBalloon.glb";
EntityOptions entityOptions = new EntityOptions();
TimeIntervalOptions timeIntervalOptions = new TimeIntervalOptions();
timeIntervalOptions.start = start;
timeIntervalOptions.stop = stop;
entityOptions.availability = new TimeIntervalCollection(new TimeInterval[] { new TimeInterval(timeIntervalOptions) });
entityOptions.position = computeCirclularFlight(lon, lat, radius);
ModelGraphicsOptions modelGraphicsOptions = new ModelGraphicsOptions();
modelGraphicsOptions.uri = new ConstantProperty<>(modelURI);
modelGraphicsOptions.minimumPixelSize = new ConstantProperty<>(64);
entityOptions.model = new ModelGraphics(modelGraphicsOptions);
entity = csVPanel.getViewer().entities().add(entityOptions);
SampledPropertyInterpolationOptions sampledPropertyInterpolationOptions = new SampledPropertyInterpolationOptions();
sampledPropertyInterpolationOptions.interpolationDegree = 2;
sampledPropertyInterpolationOptions.interpolationAlgorithm = HermitePolynomialApproximation.instance();
((SampledPositionProperty) entity.position).setInterpolationOptions(sampledPropertyInterpolationOptions);
// Set initial camera position and orientation to be when in the model's reference frame.
final org.cesiumjs.cs.scene.Camera camera = csVPanel.getViewer().camera;
camera.position = new Cartesian3(0.25, 0.0, 0.0);
camera.direction = new Cartesian3(1.0, 0.0, 0.0);
camera.up = new Cartesian3(0.0, 0.0, 1.0);
camera.right = new Cartesian3(0.0, -1.0, 0.0);
csVPanel.getViewer().scene().preRender().addEventListener(new Scene.Listener() {
@Override
public void function(Scene scene, JulianDate time) {
Cartesian3 position = entity.position.getValue(time);
if (position == null || !Cesium.defined(position)) {
return;
}
Matrix4 transform;
if (!Cesium.defined(entity.orientation)) {
transform = Transforms.eastNorthUpToFixedFrame(position);
} else {
Quaternion orientation = (Quaternion) entity.orientation.getValue(time);
if (!Cesium.defined(orientation)) {
return;
}
transform = Matrix4.fromRotationTranslation(Matrix3.fromQuaternion(orientation), position);
}
// Save camera state
Cartesian3 offset = camera.position.clone();
Cartesian3 direction = camera.direction.clone();
Cartesian3 up = camera.up.clone();
// Set camera to be in model's reference frame.
camera.lookAtTransform(transform);
// Reset the camera state to the saved state so it appears fixed in the model's frame.
offset.clone(camera.position);
direction.clone(camera.direction);
up.clone(camera.up);
Cartesian3.cross(direction, up, camera.right);
}
});
// Add a few more balloons flying with the one the viewer is in.
int numBalloons = 12;
for (int i = 0; i < numBalloons; ++i) {
double balloonRadius = (Math.nextRandomNumber() * 2.0 - 1.0) * 0.01 + radius;
entityOptions = new EntityOptions();
timeIntervalOptions = new TimeIntervalOptions();
timeIntervalOptions.start = start;
timeIntervalOptions.stop = stop;
entityOptions.availability = new TimeIntervalCollection(new TimeInterval[] { new TimeInterval(timeIntervalOptions) });
entityOptions.position = computeCirclularFlight(lon, lat, balloonRadius);
modelGraphicsOptions = new ModelGraphicsOptions();
modelGraphicsOptions.uri = new ConstantProperty<>(modelURI);
modelGraphicsOptions.minimumPixelSize = new ConstantProperty<>(64);
entityOptions.model = new ModelGraphics(modelGraphicsOptions);
Entity balloon = csVPanel.getViewer().entities().add(entityOptions);
sampledPropertyInterpolationOptions = new SampledPropertyInterpolationOptions();
sampledPropertyInterpolationOptions.interpolationDegree = 2;
sampledPropertyInterpolationOptions.interpolationAlgorithm = HermitePolynomialApproximation.instance();
((SampledPositionProperty) balloon.position).setInterpolationOptions(sampledPropertyInterpolationOptions);
}
contentPanel.add(new HTML("<p>Configure viewer to add a button enabling look at a mobile device with cardboard.</p>"));
contentPanel.add(csVPanel);
initWidget(contentPanel);
}
use of org.cesiumjs.cs.datasources.properties.SampledPositionProperty in project gwt-cs by iSergio.
the class Cardboard method computeCirclularFlight.
public SampledPositionProperty computeCirclularFlight(double lon, double lat, double radius) {
SampledPositionProperty property = new SampledPositionProperty();
double startAngle = Math.nextRandomNumber() * 360.0;
double endAngle = startAngle + 360.0;
double increment = (Math.nextRandomNumber() * 2.0 - 1.0) * 10.0 + 45.0;
for (double i = startAngle; i < endAngle; i += increment) {
double radians = Math.toRadians(i);
double timeIncrement = i - startAngle;
JulianDate time = JulianDate.addSeconds(start, (int) timeIncrement, new JulianDate());
Cartesian3 position = Cartesian3.fromDegrees(lon + (radius * 1.5 * java.lang.Math.cos(radians)), lat + (radius * java.lang.Math.sin(radians)), Math.nextRandomNumber() * 500 + 1750);
property.addSample(time, position);
}
return property;
}
use of org.cesiumjs.cs.datasources.properties.SampledPositionProperty in project gwt-cs by iSergio.
the class HeadingPitchRoll method buildPanel.
@Override
public void buildPanel() {
ViewerPanel csVPanel = new ViewerPanel();
pathPosition = new SampledPositionProperty();
PathGraphicsOptions pathGraphicsOptions = new PathGraphicsOptions();
pathGraphicsOptions.show = new ConstantProperty<>(true);
pathGraphicsOptions.leadTime = new ConstantProperty<>(0);
pathGraphicsOptions.trailTime = new ConstantProperty<>(60);
pathGraphicsOptions.width = new ConstantProperty<>(10);
pathGraphicsOptions.resolution = new ConstantProperty<>(1);
pathGraphicsOptions.material = PolylineGlowMaterialProperty.create(Color.PALEGOLDENROD(), 0.3);
EntityOptions entityOptions = new EntityOptions();
entityOptions.position = pathPosition;
entityOptions.name = "path";
entityOptions.path = new PathGraphics(pathGraphicsOptions);
Entity entityPath = csVPanel.getViewer().entities().add(entityOptions);
final org.cesiumjs.cs.scene.Camera camera = csVPanel.getViewer().camera;
final ScreenSpaceCameraController controller = csVPanel.getViewer().scene().screenSpaceCameraController();
final Cartesian3 center = new Cartesian3();
final org.cesiumjs.cs.core.HeadingPitchRoll hpRoll = new org.cesiumjs.cs.core.HeadingPitchRoll();
final HeadingPitchRange hpRange = new HeadingPitchRange();
position = Cartesian3.fromDegrees(-123.0744619, 44.0503706, 5000.0);
speedVector = new Cartesian3();
final Transforms.LocalFrameToFixedFrame fixedFrameTransform = Transforms.localFrameToFixedFrameGenerator("north", "west");
FromGltfOptions fromGltfOptions = new FromGltfOptions();
fromGltfOptions.url = GWT.getModuleBaseURL() + "SampleData/models/CesiumAir/Cesium_Air.glb";
// , fixedFrameTransform);
fromGltfOptions.modelMatrix = Transforms.headingPitchRollToFixedFrame(position, hpRoll, Ellipsoid.WGS84());
fromGltfOptions.minimumPixelSize = 128;
planePrimitive = (Model) csVPanel.getViewer().scene().primitives().add(Model.fromGltf(fromGltfOptions));
planePrimitive.readyPromise().then(new Fulfill<Model>() {
@Override
public void onFulfilled(Model model) {
ModelAnimationOptions modelAnimationOptions = new ModelAnimationOptions();
modelAnimationOptions.speedup = 0.5;
modelAnimationOptions.loop = ModelAnimationLoop.REPEAT();
model.activeAnimations.addAll(modelAnimationOptions);
// Zoom to model
r = 2.0 * max(model.boundingSphere().radius, ((PerspectiveFrustum) camera.frustum).near);
controller.minimumZoomDistance = r * 0.5;
Matrix4.multiplyByPoint(model.modelMatrix, model.boundingSphere().center, center);
double heading = Math.toRadians(230.0);
double pitch = Math.toRadians(-20.0);
hpRange.heading = heading;
hpRange.pitch = pitch;
hpRange.range = r * 50.0;
camera.lookAt(center, hpRange);
}
});
fromBehind = new CheckBox();
fromBehind.getElement().getStyle().setColor("white");
fromBehind.setWidth("100px");
fromBehind.setValue(false);
final com.google.gwt.user.client.ui.Label headingLabel = new Label();
headingLabel.getElement().getStyle().setColor("white");
headingLabel.setText("Heading:°");
final com.google.gwt.user.client.ui.Label pitchLabel = new Label();
pitchLabel.getElement().getStyle().setColor("white");
pitchLabel.setText("Pitch:°");
final com.google.gwt.user.client.ui.Label rollLabel = new Label();
rollLabel.getElement().getStyle().setColor("white");
rollLabel.setText("Roll:°");
final com.google.gwt.user.client.ui.Label speedLabel = new Label();
speedLabel.getElement().getStyle().setColor("white");
speedLabel.setText("Speed:m/s");
FlexTable flexTable = new FlexTable();
flexTable.setWidget(0, 0, headingLabel);
flexTable.setHTML(1, 0, "<font color=\"white\">← to left/→ to right</font>");
flexTable.setWidget(2, 0, pitchLabel);
flexTable.setHTML(3, 0, "<font color=\"white\">↑ to up/↓ to down</font>");
flexTable.setWidget(4, 0, rollLabel);
flexTable.setHTML(5, 0, "<font color=\"white\">← + ⇧ left/→ + ⇧ right</font>");
flexTable.setWidget(6, 0, speedLabel);
flexTable.setHTML(7, 0, "<font color=\"white\">↑ + ⇧ to speed up/↓ + ⇧ to speed down</font>");
flexTable.setHTML(8, 0, "<font color=\"white\">Following aircraft</font>");
flexTable.setWidget(8, 1, fromBehind);
AbsolutePanel aPanel = new AbsolutePanel();
aPanel.add(csVPanel);
aPanel.add(flexTable, 20, 20);
contentPanel.add(new HTML("<p>Click on the 3D window then use the keyboard to change settings.</p>"));
contentPanel.add(aPanel);
csVPanel.getViewer().scene().preRender().addEventListener(new Scene.Listener() {
@Override
public void function(Scene scene, JulianDate time) {
headingLabel.setText("Heading:" + Math.toDegrees(hpRoll.heading) + "°");
pitchLabel.setText("Pitch:" + Math.toDegrees(hpRoll.pitch) + "°");
rollLabel.setText("Roll:" + Math.toDegrees(hpRoll.roll) + "°");
speedLabel.setText("Speed:" + speed + "m/s");
speedVector = Cartesian3.multiplyByScalar(Cartesian3.UNIT_X(), speed / 10, speedVector);
position = Matrix4.multiplyByPoint(planePrimitive.modelMatrix, speedVector, position);
pathPosition.addSample(JulianDate.now(), position);
Transforms.headingPitchRollToFixedFrame(position, hpRoll, Ellipsoid.WGS84(), fixedFrameTransform, planePrimitive.modelMatrix);
if (fromBehind.getValue()) {
// Zoom to model
Matrix4.multiplyByPoint(planePrimitive.modelMatrix, planePrimitive.boundingSphere().center, center);
hpRange.heading = hpRoll.heading;
hpRange.pitch = hpRoll.pitch;
camera.lookAt(center, hpRange);
}
}
});
RootPanel.get().addDomHandler(new KeyDownHandler() {
@Override
public void onKeyDown(KeyDownEvent keyDownEvent) {
switch(keyDownEvent.getNativeKeyCode()) {
case 40:
if (keyDownEvent.getNativeEvent().getShiftKey()) {
speed = max(--speed, 1);
} else {
hpRoll.pitch -= deltaRadians;
if (hpRoll.pitch < -Math.TWO_PI()) {
hpRoll.pitch += Math.TWO_PI();
}
}
break;
case 38:
if (keyDownEvent.getNativeEvent().getShiftKey()) {
// speed up
speed = min(++speed, 100);
} else {
// pitch up
hpRoll.pitch += deltaRadians;
if (hpRoll.pitch > Math.TWO_PI()) {
hpRoll.pitch -= Math.TWO_PI();
}
}
break;
case 39:
if (keyDownEvent.getNativeEvent().getShiftKey()) {
// roll right
hpRoll.roll += deltaRadians;
if (hpRoll.roll > Math.TWO_PI()) {
hpRoll.roll -= Math.TWO_PI();
}
} else {
// turn right
hpRoll.heading += deltaRadians;
if (hpRoll.heading > Math.TWO_PI()) {
hpRoll.heading -= Math.TWO_PI();
}
}
break;
case 37:
if (keyDownEvent.getNativeEvent().getShiftKey()) {
// roll left until
hpRoll.roll -= deltaRadians;
if (hpRoll.roll < 0.0) {
hpRoll.roll += Math.TWO_PI();
}
} else {
// turn left
hpRoll.heading -= deltaRadians;
if (hpRoll.heading < 0.0) {
hpRoll.heading += Math.TWO_PI();
}
}
break;
default:
break;
}
}
}, KeyDownEvent.getType());
initWidget(contentPanel);
}
Aggregations