CesiumGS / CesiumGS/cesium

black stripes on texture when shadow enabled on mobile devices

Open
#7,176 12 comments 0 reactions 0 assignees View on GitHub
category - graphics type - bug
Dominant language
JavaScript
Stars
15.7k
Forks
3.9k
Avg merge
4d 6h
Merged PRs (30d)
34

Description

Shadows not working as expected on andriod/ios browsers.
on Android there are black stripes when zoom in;
on ios the shadow is not displaying correctly.

Sandcastle example: 3D Tiles Photogrammetry.html

var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: Cesium.createWorldTerrain(),
shadows:true
});

var tileset = new Cesium.Cesium3DTileset({
url: Cesium.IonResource.fromAssetId(6074)
});

viewer.scene.primitives.add(tileset);
viewer.zoomTo(tileset);

Browser: safari ios

Operating System: ios

Contributor guide

Open the contributing guide

Research direction

Start by running the “3D Tiles Photogrammetry.html” Sandcastle example with shadows enabled on the reported Android and iOS browsers, then zoom the tileset to reproduce the black stripes and incorrect shadow display. Trace the mobile rendering path for shadows and verify the result by confirming that the tileset renders without stripes and shadows display correctly on both platforms.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics, mobile-dev, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.