Selection Issue with GLB Model Organized by Tileset.json about 3d-tiles HOT 2 CLOSED

This repository is for the 3D Tiles format specification. Issues here should be about the specification itself. If you have questions about rendering (3D Tiles) with CesiumJS, you should ask them in the CesiumJS section of the Cesium Community Forum.

But to at least try to give a first hint: Just assigning a color to a picked object will not change the color of a rendered object. What you are trying to accomplish can probably be done with styling. A basic example is shown here:

viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) {
  const pickedObject = viewer.scene.pick(movement.endPosition);
  console.log('pickedObject:');
  console.log(pickedObject);
  if (!Cesium.defined(pickedObject)) {
    return;
  }
  const content = pickedObject.content;
  if (!Cesium.defined(content)) {
    return;
  }
  if (!(content instanceof Cesium.Model3DTileContent)) {
    return;
  }
  const style = new Cesium.Cesium3DTileStyle({
    color: "color('red')"
  });
  content.applyStyle(style);
  
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

It will apply the given style (which just colors an object in 'red') to the elements that you are hovering with the mouse. Further examples of styling can be found in the Sandcastle at https://sandcastle.cesium.com/index.html?src=3D%20Tiles%20Feature%20Styling.html . More detailed or specific questions should be discussed in the forum.

from 3d-tiles.

This repository is for the 3D Tiles format specification. Issues here should be about the specification itself. If you have questions about rendering (3D Tiles) with CesiumJS, you should ask them in the CesiumJS section of the Cesium Community Forum.

But to at least try to give a first hint: Just assigning a color to a picked object will not change the color of a rendered object. What you are trying to accomplish can probably be done with styling. A basic example is shown here:

viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) {
  const pickedObject = viewer.scene.pick(movement.endPosition);
  console.log('pickedObject:');
  console.log(pickedObject);
  if (!Cesium.defined(pickedObject)) {
    return;
  }
  const content = pickedObject.content;
  if (!Cesium.defined(content)) {
    return;
  }
  if (!(content instanceof Cesium.Model3DTileContent)) {
    return;
  }
  const style = new Cesium.Cesium3DTileStyle({
    color: "color('red')"
  });
  content.applyStyle(style);
  
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

It will apply the given style (which just colors an object in 'red') to the elements that you are hovering with the mouse. Further examples of styling can be found in the Sandcastle at https://sandcastle.cesium.com/index.html?src=3D%20Tiles%20Feature%20Styling.html . More detailed or specific questions should be discussed in the forum.

thank you very much!

from 3d-tiles.