cesiumjs-terrain-environment

Configure CesiumJS terrain, globe rendering, and environmental effects.

112|16|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/CesiumGS/cesiumjs-skills --skill cesiumjs-terrain-environment
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cesiumjs-terrain-environment
Source: https://github.com/CesiumGS/cesiumjs-skills/tree/main/skills/cesiumjs-terrain-environment
Command: npx skills add https://github.com/CesiumGS/cesiumjs-skills --skill cesiumjs-terrain-environment

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides developers in configuring CesiumJS terrain, globe rendering, and environmental effects to create immersive 3D scenes with accurate terrain and atmosphere.

Core Features & Use Cases

  • Terrain providers setup (Ion world terrain, fromIonAssetId/fromUrl) and height sampling with sampleTerrain and sampleTerrainMostDetailed.
  • Globe configuration: lighting, atmosphere, shadows, translucency, and scenery adjustments for realistic rendering.
  • Panoramas and sky features: SkyAtmosphere, SkyBox, and panorama support for immersive environments.
  • Performance tips and quick-reference guidance to optimize tile loading, LOD, and visual quality.

Quick Start

Initialize a Cesium Viewer with terrain, atmosphere, and sky settings by following the examples in this skill.

Frequently Asked Questions about cesiumjs-terrain-environment

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I query terrain height in CesiumJS?

Configure a TerrainProvider using Ion world terrain or fromUrl, then call sampleTerrain or sampleTerrainMostDetailed to retrieve elevation data at specific geographic coordinates for height queries.

What's the best way to configure atmosphere and sky in CesiumJS?

The best way to configure atmosphere and sky in CesiumJS is by utilizing SkyAtmosphere and SkyBox components, which allow detailed customization of environmental lighting and immersive panoramic scene backgrounds.

How do I set up lighting and shadows on a CesiumJS globe?

Globe lighting and shadows in CesiumJS are set up by adjusting the Globe object's lighting, atmosphere, and shadow properties, enabling realistic rendering and translucency for 3D terrain scenes.

Does this CesiumJS terrain configuration require a specific version?

Yes, configuring CesiumJS terrain, globe rendering, and environmental effects requires CesiumJS v1.139 or later to ensure proper integration patterns for TerrainProvider and Globe components.

How can I optimize terrain tile loading and visual quality in CesiumJS?

Optimize CesiumJS terrain tile loading and visual quality by applying performance tuning tips for level of detail (LOD) management and adjusting globe scenery settings to balance rendering load.