onsummer

// http://localhost/cedoc/Apps/Sandcastle/index.html#c=nVXbbts4EP2VgV8qAw7tXAosHMdomqZFgMYu2mxRYF20lETZRChS4MWRW/jfd0hZN9f7si82Z+acw+FoOEyUNBa2nL0wDTcg2QvcMcNdTr4GX7QaJMG+U9JSLpleDYbXK5kEnkmYZEir+CSYGKzD3v2oUiYQ8nslAcopTEYruQ+Ywz7PUiXPylliNU2eo4Yz7AhZpURMfYKpSlzOpCVrZu8F88u3u4cU0zxgqvSOtWlRiN1bLlMu16bdY1QrdzdLnLEq/7KhaSjJTyd5pnQOW5ZcQaKE0gjuOZXdMH13FMmEohbKSvhX/iOnlmlOBXgDs3882FE3+CALZ6FnDVcy1A6gp9IsbmrBdyyjTrS6fZXrSgPzvQA85E1/E2JsC8ADORuO48UPx/IxnkFkLClhDuUQDllBF92rhI/tq796M5LyLHPG90zNInodXx+hqCg2tIuhB4Rm1mnZANG7/xkqPB7DJyV2AjsUls76//p7+hKFziSF5jm3fMsMoSn2DEp2Gv5THY0OJ1szlTOrdw+oQiVeg2kX/uEoGjX1qHk9eJ1dTWvhAFQnT7uCTWvsbWWTxXJxP2phhTKYH56pAd5RbXFF5SXJtMrfsbVmzNxqTXfRPy0R4Oz8YkImo67r8thx9tf/gFy87jm+DzvGC0/tZnqssmWYc/kerwi10+Pq1M17WxSMal9W8vX+89P9tx/vl58fb58anX29UbOgDeVk3f9Ubr9A3U49YnOPOh8qo7HmyRR+d0twuPDmyA3V1elphmaOzrEeMCGv/c/VCNAcjvrM9hqdoE8q+lXgT07y/Zwllz3nvmcZ5bQvVHfWdQD7/6zzHsfR8NT49kE/lJexYXpLY8G6Y3Y1KHEwB4xxsUk0j1mUOZn4foaonSYlXtaFy2N8ecphZ+xws6ALdHXGTjUL+nNGkLYNSDNO6i9EvHp5XZ0D/wajwczYnWDzWvMNzwulLTgtI

onsummer

const clamp = (val: number, min = 0, max = 1) => {
  return val > min ? val > max ? max : val : min
}

export const getCesiumScale = (distanceToCamera: number, nearFarScalar: NearFarScalar) => {
  const nearScalar = nearFarScalar.nearValue
  const farScalar = nearFarScalar.farValue
  const nearDistance = nearFarScalar.near
  const farDistance = nearFarScalar.far

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
  url: 'http://wprd0{s}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=2&scl=1&style=7',
  subdomains: '1234',
  tileWidth: 512,
  tileHeight: 512,
}));
viewer.resolutionScale = 2;

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const primitives = viewer.scene.primitives;

const fs = `czm_material czm_getMaterial(czm_materialInput materialInput) {
  czm_material m = czm_getDefaultMaterial(materialInput);

  float side = dot(materialInput.positionToEyeEC, materialInput.normalEC);

  m.alpha = side > 0.0 ? 0.9 : 0.4;
  m.diffuse = side > 0.0 ? vec3(0.0, 1.0, 0.0) : vec3(1.0, 0.0, 0.0);

onsummer

const viewer = new Cesium.Viewer("cesiumContainer", {
  msaaSamples: 4,
});

const origin = Cesium.Cartesian3.fromDegrees(112.5, 22.3);
const targetENU = Cesium.Cartesian3.fromElements(
  Math.sqrt(1 / 2) * 200,
  Math.sqrt(1 / 2) * 200,
); // east-north 平面上的一点
const enuMat = Cesium.Transforms.eastNorthUpToFixedFrame(origin);

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const globe = viewer.scene.globe;
const camera = viewer.scene.camera;

const scratchNormal = new Cesium.Cartesian3();
const previousPosition = new Cesium.Cartesian3();
const previousDirection = new Cesium.Cartesian3();
const previousUp = new Cesium.Cartesian3();
const previousRight = new Cesium.Cartesian3();

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
viewer.scene.globe.depthTestAgainstTerrain = true;
const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);

const getWC = (windowPosition) => {
  return viewer.scene.pickPosition(windowPosition);
};

const FILL_COLOR = Cesium.Color.fromBytes(255, 101, 41, 255 * 0.6);
const OUTLINE_COLOR = Cesium.Color.fromBytes(255, 255, 255, 255 * 0.8);

onsummer

function appendTextureViewCanvas(id) {
  const root = viewer.container.parentNode;
  const cesiumCanvas = viewer.canvas;
  const canvas = document.createElement('canvas');
  
  canvas.id = id;
  canvas.setAttribute('width', cesiumCanvas.clientWidth);
  canvas.setAttribute('height', cesiumCanvas.clientHeight);
  canvas.style.width = `${Math.floor(cesiumCanvas.clientWidth / 4)}px`;
  canvas.style.height = `${Math.floor(cesiumCanvas.clientHeight / 4)}px`;

onsummer

const viewer = new Cesium.Viewer("cesiumContainer");
const scene = viewer.scene;

const positions = [
  new Cesium.Cartesian3(1000, 500, 100),
  new Cesium.Cartesian3(1000, -500, 0),
  new Cesium.Cartesian3(-1000, -500, 0),
  new Cesium.Cartesian3(-1000, 500, 100),
];
const polygonGeometry = Cesium.CoplanarPolygonGeometry.fromPositions({

onsummer

const fragmentShaderText = /* glsl */`uniform sampler2D colorTexture;
uniform sampler2D depthTexture;
varying vec2 v_textureCoordinates;

void main() {
  float depth = czm_readDepth(depthTexture, v_textureCoordinates);
  vec4 color = texture2D(colorTexture, v_textureCoordinates);

  if (depth < 1.0 - 0.000001) {
    gl_FragColor = color;