cesium-study
/
32.阴影.html

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Use correct character set. -->
    <meta charset="utf-8" />
    <!-- Tell IE to use the latest, best version. -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>Hello World!</title>
    <script src="Build/Cesium/Cesium.js"></script>
    <script src="js/jquery.min.js"></script>
    <style>
        @import url(Build/Cesium/Widgets/widgets.css);

        html,
        body,
        #cesiumContainer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div id="cesiumContainer" class="fullSize"></div>
    <div id="loadingOverlay">
        <h1>Loading...</h1>
    </div>


    <script>

        //创建一个基本地球
        let viewer = new Cesium.Viewer("cesiumContainer", {
            imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
                url: 'http://t0.tianditu.gov.cn/img\_w/wmts?tk=0702d09e30dca11ed07ba4cec6d6bdac',
                layer: 'img',
                style: 'default',
                tileMatrixSetID: 'w',
                format: 'tiles',
                maximumLevel: 18
            }),
            //terrainProvider: Cesium.createWorldTerrain(),
            //animation: false, //动画控制，默认true （图中1）
            //baseLayerPicker: false,//地图切换控件(底图以及地形图)是否显示,默认显示true  （图中6）
            //fullscreenButton: true,//全屏按钮,默认显示true  （图中4）
            //geocoder: false,//地名查找,默认true  （图中9）
            //timeline: false,//时间线,默认true  （图中3）
            //vrButton: false,//双屏模式,默认不显示false
            //homeButton: true,//主页按钮，默认true  （图中8）
            //infoBox: false,//点击要素之后显示的信息,默认true
            //selectionIndicator: true,//选中元素显示,默认true

            shadows: true,
            //terrainShadows: Cesium.ShadowMode.ENABLED,
        });
        var shadowMap = viewer.shadowMap;
        shadowMap.softShadows = true;
        shadowMap.maximumDistance = 10000.0;
        shadowMap.size = 8192;


        let 一个布尔值 = true;
        setInterval("定制器事件()", 1000);
        function 定制器事件() {
            一个布尔值 = !一个布尔值;
            shadowMap.softShadows = 一个布尔值;
        }


        viewer.cesiumWidget.creditContainer.style.display = "none";//去cesium logo水印

        viewer.scene.debugShowFramesPerSecond = true;//开启帧数
        //viewer.scene.globe.enableLighting = true;
        //添加数据


        //加载ghTF
        alert("拖拉时间轴。");
        let scene = viewer.scene;
        //位置
        let position = Cesium.Cartesian3.fromDegrees(116.080591, 39.919141, 10);
        let hpRoll = new Cesium.HeadingPitchRoll();
        let fixedFrameTransforms = Cesium.Transforms.localFrameToFixedFrameGenerator('north', 'west');
        //添加模型
        let carPrimitive = scene.primitives.add(Cesium.Model.fromGltf({
            url: '测试辅助文件/glTF/测试场景含BPR/1.gltf',
            modelMatrix: Cesium.Transforms.headingPitchRollToFixedFrame(position, hpRoll, Cesium.Ellipsoid.WGS84, fixedFrameTransforms),
            minimumPixelSize: 128,
            scale: 1.0,
        }));
        viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(116.080591, 39.919141, 10)
        });

        ////添加3dtiles

        var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
            url: '测试辅助文件/Lab导出环氧乙烷/tileset.json', //数据路径
            //url: '测试辅助文件/张单单大厦/tileset.json', //数据路径
            //  url: '测试辅助文件/测试小模型/tileset.json', //数据路径
            maximumScreenSpaceError: 16, //最大的屏幕空间误差，数值越小，显示越精细
            maximumNumberOfLoadedTiles: 1000, //最大加载瓦片个数
            // modelMatrix: m //形状矩阵
        }));

        var boundingSphere = new Cesium.BoundingSphere(Cesium.Cartesian3.fromDegrees(116.390123, 39.90691, 0), 1);

        viewer.camera.flyToBoundingSphere(boundingSphere, { duration: 0 });


        var utc = Cesium.JulianDate.fromDate(new Date("2026/10/04 2:00:00"));//UTC
        this.viewer.clockViewModel.currentTime = Cesium.JulianDate.addHours(utc, 8, new Cesium.JulianDate());//北京时间=UTC+8=GMT+8
        // this.viewer.clock.currentTime = Cesium.JulianDate.addHours(utc, 8, new Cesium.JulianDate());

                      ////下面是相关代码


    </script>
</body>

</html>