├── files ├── author │ ├── tx.jpg │ ├── nmxg.jpg │ ├── FFMMCC.jpg │ ├── cesium.jpg │ ├── support.png │ ├── AivoGenX.jpg │ ├── KallkaGo.jpg │ ├── flowers-10.jpg │ ├── xzw199509.png │ ├── z2586300277.png │ └── huan_meng_hai_yan.jpg ├── model │ ├── car.glb │ ├── city.FBX │ ├── ship_2.glb │ ├── elegant.glb │ └── Cesium_Air.glb ├── images │ ├── fire.png │ ├── grid.png │ ├── rain.png │ ├── snow.png │ ├── circle.png │ ├── colors.png │ └── particle.jpg └── site │ ├── gitee.png │ ├── github.png │ └── logo.svg ├── threeExamples ├── basic │ ├── 光线.png │ ├── 入门.png │ ├── 全屏.png │ ├── 几何体.jpg │ ├── 动画.png │ ├── 帧率.jpg │ ├── 扩散圈.png │ ├── 点、线.png │ ├── 索引.png │ ├── 网格.png │ ├── 辅助线.png │ ├── 相机控件.png │ ├── 阵列模型.jpg │ ├── 顶点颜色.jpg │ ├── modelSky.jpg │ ├── sceneFog.jpg │ ├── 自带几何体顶点.png │ ├── cssElement.jpg │ ├── domDisplay.jpg │ ├── localModel.jpg │ ├── modelLoad.jpg │ ├── modelView.jpg │ ├── screenShot.jpg │ ├── skyAndEnv.jpg │ ├── useIndexDB.jpg │ ├── viewHelper.jpg │ ├── cameraAnimate.jpg │ ├── curveAnimate.jpg │ ├── gltfOptLoader.jpg │ ├── gsapAnimate.jpg │ ├── modelAnimates.jpg │ ├── modelExport.jpg │ ├── modelShadow.jpg │ ├── modelUnpack.jpg │ ├── orbControls.jpg │ ├── outlinePass.jpg │ ├── renderFrame.jpg │ ├── renderTarget.jpg │ ├── sceneScissor.jpg │ ├── screenCoord.jpg │ ├── spriteTexture.jpg │ ├── transformBox3.jpg │ ├── 旋转、缩放、平移几何体.jpg │ ├── cameraAttribute.jpg │ ├── changeMaterial.jpg │ ├── effectComposer.jpg │ ├── loadingAnimate.jpg │ ├── modelAnimation.jpg │ ├── multOutlinePass.jpg │ ├── transformObject.jpg │ ├── gradientTriangle.jpg │ ├── transformAnimate.jpg │ ├── 入门.js │ ├── 辅助线.js │ ├── viewHelper.js │ ├── 帧率.js │ ├── 动画.js │ ├── 网格.js │ ├── 全屏.js │ ├── 阵列模型.js │ ├── 光线.js │ ├── modelSky.js │ ├── 相机控件.js │ ├── skyAndEnv.js │ ├── 点线.js │ ├── 顶点颜色.js │ ├── renderTarget.js │ ├── gradientTriangle.js │ ├── 索引.js │ ├── 几何体.js │ ├── gltfOptLoader.js │ └── screenShot.js ├── tools │ ├── scene.jpg │ ├── TRELLIS.jpg │ ├── mixamo.jpg │ ├── sketchfab.jpg │ ├── geojsonTool.jpg │ ├── gltf_report.jpg │ ├── gltf_viewer.jpg │ ├── skyBox_Make.jpg │ ├── skyBox_image.jpg │ └── make_json_font.jpg ├── expand │ ├── d3Svg.jpg │ ├── geoBorder.jpg │ ├── heatmap3D.jpg │ ├── loadTiles.jpg │ ├── tilesMap.jpg │ ├── blurReflect.jpg │ ├── heatmapModel.jpg │ ├── combineEcharts.jpg │ ├── gaussianSplats3D.webp │ ├── multWindowScene.jpg │ ├── modelBlendReflector.jpg │ ├── gaussianSplats3D.js │ └── tilesMap.js ├── openSource │ ├── mbs.jpg │ ├── phy.jpg │ ├── vr.jpg │ ├── alien.jpg │ ├── area.jpg │ ├── fire.jpg │ ├── flyBy.jpg │ ├── roam.jpg │ ├── tres.jpg │ ├── trois.jpg │ ├── tvtJs.jpg │ ├── yuka.jpg │ ├── 3dEarth2.jpg │ ├── 3dcity.jpg │ ├── Photons.jpg │ ├── Terrain.jpg │ ├── axydemo.jpg │ ├── chili3d.jpg │ ├── etudes.jpg │ ├── ezTree.jpg │ ├── fogEarth.jpg │ ├── fullik.jpg │ ├── genuary.jpg │ ├── geoArea.jpg │ ├── geoGlobe.jpg │ ├── iTowns.jpg │ ├── kokomi.jpg │ ├── lonlat23.jpg │ ├── loveCode.jpg │ ├── m-trust.jpg │ ├── official.jpg │ ├── paintCar.jpg │ ├── roaming.jpg │ ├── room3d.jpg │ ├── scDatav.jpg │ ├── sparkjs.jpg │ ├── su7peng.jpg │ ├── threelab.jpg │ ├── visThree.jpg │ ├── vrThree.jpg │ ├── 3dAssests.jpg │ ├── autopilot.jpg │ ├── bigScreen.jpg │ ├── blenderCar.jpg │ ├── cadViewer.jpg │ ├── car911Show.jpg │ ├── cheapwater.jpg │ ├── dissolves.jpg │ ├── driverCar.jpg │ ├── heat3dMap.jpg │ ├── noise_gird.jpg │ ├── pipeEditor.jpg │ ├── reactThree.jpg │ ├── realWater.jpg │ ├── sketchbook.jpg │ ├── smartCity.jpg │ ├── snakeGame.jpg │ ├── su7_three.jpg │ ├── taohuating.jpg │ ├── three-geo.jpg │ ├── threeText.jpg │ ├── vueCesium.jpg │ ├── waterBall.jpg │ ├── ziTengHua.jpg │ ├── 3d-portfolio.jpg │ ├── 3dPointsModel.jpg │ ├── 3dmodelEdit.jpg │ ├── FluffyGrass.jpg │ ├── GlobeStream3D.jpg │ ├── aSouthernCat.jpg │ ├── bulang_cesium.jpg │ ├── carShowReact.jpg │ ├── cartoon-grass.jpg │ ├── cesiumExtends.jpg │ ├── digitalFarm.jpg │ ├── distance_sign.jpg │ ├── drei_vanilla.jpg │ ├── farazzshaikh.jpg │ ├── kallkago_su7.jpg │ ├── musicParticle.jpg │ ├── music_wobble.jpg │ ├── numberEarth.jpg │ ├── rain_puddle.jpg │ ├── roomDesigner.jpg │ ├── shadowEditor.jpg │ ├── sky-cloud-3d.jpg │ ├── small_island.jpg │ ├── su7_replica.jpg │ ├── thebrowserlab.jpg │ ├── three-pinata.jpg │ ├── threeCSGMesh.jpg │ ├── threeQuarks.jpg │ ├── unrealstyle.jpg │ ├── visualization.jpg │ ├── wangpengfei.jpg │ ├── xiaolidan00.jpg │ ├── Astral3DEditor.jpg │ ├── StationMonitor.jpg │ ├── buildingEditor.jpg │ ├── cameraControls.jpg │ ├── digitalTraffic.jpg │ ├── flightsTracker.jpg │ ├── maptalks_three.jpg │ ├── mesh-modifiers.jpg │ ├── tShaderMaterial.jpg │ ├── textureProject.jpg │ ├── threeGeospatial.jpg │ ├── threejs-journey.jpg │ ├── threejsProject.jpg │ ├── CollisionRoaming.jpg │ ├── GaussianSplats3D.jpg │ ├── interactive-shield.jpg │ ├── three-good-godrays.jpg │ ├── three-raymarcher.jpg │ ├── three-shader-baker.jpg │ ├── threejs-caustics.jpg │ ├── CustomShaderMaterial.jpg │ ├── three-viewport-gizmo.jpg │ ├── threejs-water-shader.jpg │ ├── threejsZombieshooter.jpg │ ├── steve245270533Gallery.jpg │ ├── threejs-image-gallery.jpg │ └── X-Ray-Visualizer-Threejs.jpg ├── other │ ├── levelMap.jpg │ ├── editorMap.jpg │ ├── next3dEditor.jpg │ ├── openThree.json │ ├── test.js │ ├── editorMap.html │ ├── glbTest.js │ └── octreeScene.js ├── shader │ ├── contour.jpg │ ├── smoke.jpg │ ├── waterA.jpg │ ├── chinaFlag.jpg │ ├── cityLight.jpg │ ├── cityLine.jpg │ ├── cobwebBox.jpg │ ├── earthScan.jpg │ ├── fenceWall.jpg │ ├── flowLight.jpg │ ├── girdFloor.jpg │ ├── hologram.png │ ├── iceFloor.jpg │ ├── innerGlow.jpg │ ├── jumpHeart.jpg │ ├── mushroom.jpg │ ├── planeScan.jpg │ ├── radarScan.jpg │ ├── raningSea.jpg │ ├── shaderSky.jpg │ ├── softLight.jpg │ ├── threeLogo.jpg │ ├── warnInfo.jpg │ ├── waterSky.jpg │ ├── waveScan.jpg │ ├── audioDance.jpg │ ├── blobShader.jpg │ ├── candleShader.jpg │ ├── cellShader.jpg │ ├── circleRotate.jpg │ ├── circleWave.jpg │ ├── cityEffect.jpg │ ├── cloudShader.jpg │ ├── darkClouds.jpg │ ├── emitShader.jpg │ ├── fenceShader.jpg │ ├── fireMaterial.jpg │ ├── fireShader.jpg │ ├── fishShader.jpg │ ├── flowerShader.jpg │ ├── gaussianBlur.jpg │ ├── grassShader.jpg │ ├── grayShader.jpg │ ├── gridShader.jpg │ ├── groundglass.jpg │ ├── halfCircle.jpg │ ├── heartShader.jpg │ ├── imageShake.jpg │ ├── infiniteGrid.jpg │ ├── loveShader.jpg │ ├── mosaicShader.jpg │ ├── oceanShader.jpg │ ├── radarShader.jpg │ ├── rasterGrid.jpg │ ├── reliefImage.jpg │ ├── ringShader.jpg │ ├── ringsShader.jpg │ ├── shaderBlock.jpg │ ├── smokeCircle.jpg │ ├── steamWaveSun.jpg │ ├── videoShader.jpg │ ├── vortexShader.jpg │ ├── wallShader.jpg │ ├── waveShader.jpg │ ├── whiteCloud.jpg │ ├── wifiShader.jpg │ ├── audioSolutions.jpg │ ├── buildGradient.jpg │ ├── cityBlendLight.jpg │ ├── cityMixShader.jpg │ ├── cityMoveLight.jpg │ ├── compassShader.jpg │ ├── heatmapShader.jpg │ ├── imageParticle.jpg │ ├── shader_planet.jpg │ ├── textStarShader.jpg │ ├── changeShaderToy.jpg │ ├── dissolveAnimate.jpg │ ├── energyBallShader.jpg │ ├── ephemeralFlower.jpg │ ├── modelBlendShader.jpg │ ├── tachnologyFloor.jpg │ ├── transparentGradient.jpg │ ├── grayShader.js │ └── steamWaveSun.js ├── application │ ├── nav.jpg │ ├── punk.jpg │ ├── isoline.jpg │ ├── snake3D.jpg │ ├── vrVideo.jpg │ ├── 2025Year.jpg │ ├── 700stars.jpg │ ├── codeCloud.jpg │ ├── coffeeMug.jpg │ ├── coneMesh.jpg │ ├── drawFace.jpg │ ├── drawFence.jpg │ ├── faceMesh.jpg │ ├── flowLine.jpg │ ├── flowTube.png │ ├── gridFloor.jpg │ ├── imageMove.jpg │ ├── lampshade.jpg │ ├── lightBar.jpg │ ├── lightIcon.jpg │ ├── pieCharts.jpg │ ├── pipeFlow.jpg │ ├── radarScan.jpg │ ├── rainRoof.jpg │ ├── topology.jpg │ ├── tweenFire.jpg │ ├── windMove.jpg │ ├── buildingLine.jpg │ ├── customGrid.jpg │ ├── diffuseLine.jpg │ ├── drivingCar.jpg │ ├── flowerRain.jpg │ ├── ghostHouse.jpg │ ├── gsapTimeLine.jpg │ ├── happyNewYear.jpg │ ├── houseScene.jpg │ ├── lineMeasure.jpg │ ├── magicCircle.jpg │ ├── measurement.jpg │ ├── modelBorder.jpg │ ├── modelHeatmap.jpg │ ├── model_base.jpg │ ├── roadShader.jpg │ ├── samplexWave.jpg │ ├── simple_coll.jpg │ ├── sportFence.jpg │ ├── spriteText.jpg │ ├── textSphere.jpg │ ├── thanksBibi.jpg │ ├── videoEffect.jpg │ ├── videoFloor.jpg │ ├── videoModel.jpg │ ├── white_model.jpg │ ├── z2586300277.jpg │ ├── canvasTexture.jpg │ ├── cartoon_ocean.jpg │ ├── geometryMerge.jpg │ ├── gsapCollection.jpg │ ├── modelParticle.jpg │ ├── thewaynicocome.jpg │ ├── volumeHeatmap.webp │ ├── draw_face_improve.jpg │ ├── generate_terrain.jpg │ ├── matrixOperation.jpg │ ├── pointLockControls.jpg │ ├── gridFloor.js │ ├── vrVideo.js │ ├── videoModel.js │ └── coneMesh.js ├── particle │ ├── downSnow.jpg │ ├── galaxyStar.jpg │ ├── realFire.jpg │ ├── sphereLine.jpg │ ├── starrySky.jpg │ ├── imgParticle.jpg │ ├── particleFire.jpg │ ├── particleLine.jpg │ ├── particleWire.jpg │ ├── pointsEarth.jpg │ ├── snowParticle.jpg │ ├── textParticle.jpg │ ├── waterLeakage.jpg │ ├── z2586300277.jpg │ ├── PlanetParticle.jpg │ ├── RandomParticle.jpg │ ├── fireParticles.jpg │ ├── globeParticle.jpg │ ├── spreadPartile.jpg │ ├── particleScattered.jpg │ ├── particleBlendShader.jpg │ ├── technologyParticle.jpg │ ├── waveParticleShader.jpg │ └── particlesCursorAnimation.jpg ├── physics │ ├── ammoPhysics.jpg │ ├── octreeDemo.jpg │ ├── physicsMesh.jpg │ ├── threeForce.jpg │ └── ammoPhysics.js ├── plugins │ ├── qgisThree.jpg │ ├── threeMapbox.jpg │ └── gaodeMapThree.jpg ├── animation │ ├── animejsBasic.jpg │ ├── clipAnimation.jpg │ ├── personAnimation.jpg │ ├── personFirstMove.jpg │ └── personThirdMove.jpg └── effectComposer │ ├── afterimagePass.jpg │ ├── customMaskPass.jpg │ ├── saturationPass.jpg │ ├── sceneSnowEffect.webp │ ├── selectBloomPass.jpg │ ├── threeSelectBloom.jpg │ └── deferredLighting.webp ├── cesiumExamples ├── layer │ ├── tms.jpg │ ├── wms.jpg │ ├── wmts.jpg │ ├── xyz.jpg │ ├── coord.jpg │ ├── arcgisLayer.jpg │ ├── baiduLayer.jpg │ ├── defaultLayer.jpg │ ├── gaodeLayer.jpg │ ├── gaodeTrans.jpg │ ├── terrainLayer.jpg │ ├── mapfilterLayer.jpg │ ├── tiandituLayer.jpg │ ├── coordLayer.js │ ├── arcgisLayer.js │ ├── gaodeLayer.js │ ├── xyz.js │ ├── tms.js │ ├── wms.js │ ├── defaultLayer.js │ ├── terrainLayer.js │ └── wmts.js ├── basic │ ├── flyLine.jpg │ ├── multBox.jpg │ ├── skyBox.jpg │ ├── curvePipe.jpg │ ├── drawLine.jpg │ ├── loadModel.jpg │ ├── multCurve.jpg │ ├── multPoint.jpg │ ├── multText.jpg │ ├── smartCity.jpg │ ├── clickEvent.jpg │ ├── cssElement.jpg │ ├── geojsonFace.jpg │ ├── keyboardRoam.jpg │ ├── multFaceLine.jpg │ ├── switchView.jpg │ ├── tilesShader.jpg │ ├── drawDivElement.jpg │ ├── cameraCurveRoam.jpg │ ├── routeNavigation.jpg │ ├── officialPointCluster.jpg │ ├── autoRotate.js │ ├── skyBox.js │ ├── multBox.js │ ├── loadModel.js │ └── multPoint.js ├── effect │ ├── radar.jpg │ ├── dynamicWall.jpg │ ├── smokeEffect.jpg │ ├── gradientWall.jpg │ ├── radarEmission.jpg │ ├── postProcessStage.jpg │ └── dynamicWallSimple.jpg ├── expand │ ├── fire.jpg │ ├── rain.jpg │ ├── ripple.jpg │ ├── snow.jpg │ ├── 3DheatMap.jpg │ ├── cityLight.jpg │ ├── lensFlare.jpg │ ├── cesiumSwitch.jpg │ ├── transportLine.jpg │ ├── waterMaterial.jpg │ ├── cesiumAndThree.jpg │ ├── cesiumShadertoy.jpg │ └── gradienGeojsonFace.jpg ├── offline │ ├── baidu.jpg │ ├── blue.jpg │ ├── day.jpg │ ├── gaode.jpg │ ├── img.jpg │ ├── night.jpg │ ├── blue.js │ ├── day.js │ ├── img.js │ ├── night.js │ └── gaode.js ├── application │ ├── globeMap.jpg │ ├── controlModel.jpg │ ├── cssElementTrack.jpg │ ├── instanceRender.jpg │ └── globeMap.js └── tools │ ├── computerAngle.jpg │ ├── layerDownload.jpg │ ├── mapDataConvert.jpg │ ├── computerNewPoint.jpg │ ├── DrawAndExportGeojson.jpg │ └── test.js ├── config └── host.js ├── .gitignore └── index.html /files/author/tx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/tx.jpg -------------------------------------------------------------------------------- /files/model/car.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/model/car.glb -------------------------------------------------------------------------------- /files/author/nmxg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/nmxg.jpg -------------------------------------------------------------------------------- /files/images/fire.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/fire.png -------------------------------------------------------------------------------- /files/images/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/grid.png -------------------------------------------------------------------------------- /files/images/rain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/rain.png -------------------------------------------------------------------------------- /files/images/snow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/snow.png -------------------------------------------------------------------------------- /files/model/city.FBX: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/model/city.FBX -------------------------------------------------------------------------------- /files/model/ship_2.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/model/ship_2.glb -------------------------------------------------------------------------------- /files/site/gitee.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/site/gitee.png -------------------------------------------------------------------------------- /files/site/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/site/github.png -------------------------------------------------------------------------------- /files/author/FFMMCC.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/FFMMCC.jpg -------------------------------------------------------------------------------- /files/author/cesium.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/cesium.jpg -------------------------------------------------------------------------------- /files/author/support.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/support.png -------------------------------------------------------------------------------- /files/images/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/circle.png -------------------------------------------------------------------------------- /files/images/colors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/colors.png -------------------------------------------------------------------------------- /files/model/elegant.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/model/elegant.glb -------------------------------------------------------------------------------- /files/author/AivoGenX.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/AivoGenX.jpg -------------------------------------------------------------------------------- /files/author/KallkaGo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/KallkaGo.jpg -------------------------------------------------------------------------------- /files/author/flowers-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/flowers-10.jpg -------------------------------------------------------------------------------- /files/author/xzw199509.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/xzw199509.png -------------------------------------------------------------------------------- /files/images/particle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/images/particle.jpg -------------------------------------------------------------------------------- /files/model/Cesium_Air.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/model/Cesium_Air.glb -------------------------------------------------------------------------------- /threeExamples/basic/光线.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/光线.png -------------------------------------------------------------------------------- /threeExamples/basic/入门.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/入门.png -------------------------------------------------------------------------------- /threeExamples/basic/全屏.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/全屏.png -------------------------------------------------------------------------------- /threeExamples/basic/几何体.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/几何体.jpg -------------------------------------------------------------------------------- /threeExamples/basic/动画.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/动画.png -------------------------------------------------------------------------------- /threeExamples/basic/帧率.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/帧率.jpg -------------------------------------------------------------------------------- /threeExamples/basic/扩散圈.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/扩散圈.png -------------------------------------------------------------------------------- /threeExamples/basic/点、线.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/点、线.png -------------------------------------------------------------------------------- /threeExamples/basic/索引.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/索引.png -------------------------------------------------------------------------------- /threeExamples/basic/网格.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/网格.png -------------------------------------------------------------------------------- /threeExamples/basic/辅助线.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/辅助线.png -------------------------------------------------------------------------------- /cesiumExamples/layer/tms.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/tms.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/wms.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/wms.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/wmts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/wmts.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/xyz.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/xyz.jpg -------------------------------------------------------------------------------- /files/author/z2586300277.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/z2586300277.png -------------------------------------------------------------------------------- /threeExamples/basic/相机控件.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/相机控件.png -------------------------------------------------------------------------------- /threeExamples/basic/阵列模型.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/阵列模型.jpg -------------------------------------------------------------------------------- /threeExamples/basic/顶点颜色.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/顶点颜色.jpg -------------------------------------------------------------------------------- /threeExamples/tools/scene.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/scene.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/flyLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/flyLine.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/multBox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/multBox.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/skyBox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/skyBox.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/radar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/radar.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/fire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/fire.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/rain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/rain.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/ripple.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/ripple.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/snow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/snow.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/coord.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/coord.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/baidu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/baidu.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/blue.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/day.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/day.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/gaode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/gaode.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/img.jpg -------------------------------------------------------------------------------- /cesiumExamples/offline/night.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/offline/night.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelSky.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelSky.jpg -------------------------------------------------------------------------------- /threeExamples/basic/sceneFog.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/sceneFog.jpg -------------------------------------------------------------------------------- /threeExamples/basic/自带几何体顶点.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/自带几何体顶点.png -------------------------------------------------------------------------------- /threeExamples/expand/d3Svg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/d3Svg.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/mbs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/mbs.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/phy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/phy.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/vr.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/vr.jpg -------------------------------------------------------------------------------- /threeExamples/other/levelMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/other/levelMap.jpg -------------------------------------------------------------------------------- /threeExamples/shader/contour.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/contour.jpg -------------------------------------------------------------------------------- /threeExamples/shader/smoke.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/smoke.jpg -------------------------------------------------------------------------------- /threeExamples/shader/waterA.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/waterA.jpg -------------------------------------------------------------------------------- /threeExamples/tools/TRELLIS.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/TRELLIS.jpg -------------------------------------------------------------------------------- /threeExamples/tools/mixamo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/mixamo.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/curvePipe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/curvePipe.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/drawLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/drawLine.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/loadModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/loadModel.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/multCurve.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/multCurve.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/multPoint.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/multPoint.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/multText.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/multText.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/smartCity.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/smartCity.jpg -------------------------------------------------------------------------------- /files/author/huan_meng_hai_yan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/files/author/huan_meng_hai_yan.jpg -------------------------------------------------------------------------------- /threeExamples/application/nav.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/nav.jpg -------------------------------------------------------------------------------- /threeExamples/application/punk.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/punk.jpg -------------------------------------------------------------------------------- /threeExamples/basic/cssElement.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/cssElement.jpg -------------------------------------------------------------------------------- /threeExamples/basic/domDisplay.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/domDisplay.jpg -------------------------------------------------------------------------------- /threeExamples/basic/localModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/localModel.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelLoad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelLoad.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelView.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelView.jpg -------------------------------------------------------------------------------- /threeExamples/basic/screenShot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/screenShot.jpg -------------------------------------------------------------------------------- /threeExamples/basic/skyAndEnv.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/skyAndEnv.jpg -------------------------------------------------------------------------------- /threeExamples/basic/useIndexDB.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/useIndexDB.jpg -------------------------------------------------------------------------------- /threeExamples/basic/viewHelper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/viewHelper.jpg -------------------------------------------------------------------------------- /threeExamples/expand/geoBorder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/geoBorder.jpg -------------------------------------------------------------------------------- /threeExamples/expand/heatmap3D.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/heatmap3D.jpg -------------------------------------------------------------------------------- /threeExamples/expand/loadTiles.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/loadTiles.jpg -------------------------------------------------------------------------------- /threeExamples/expand/tilesMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/tilesMap.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/alien.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/alien.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/area.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/area.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/fire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/fire.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/flyBy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/flyBy.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/roam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/roam.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/tres.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/tres.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/trois.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/trois.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/tvtJs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/tvtJs.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/yuka.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/yuka.jpg -------------------------------------------------------------------------------- /threeExamples/other/editorMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/other/editorMap.jpg -------------------------------------------------------------------------------- /threeExamples/shader/chinaFlag.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/chinaFlag.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityLight.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityLine.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cobwebBox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cobwebBox.jpg -------------------------------------------------------------------------------- /threeExamples/shader/earthScan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/earthScan.jpg -------------------------------------------------------------------------------- /threeExamples/shader/fenceWall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/fenceWall.jpg -------------------------------------------------------------------------------- /threeExamples/shader/flowLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/flowLight.jpg -------------------------------------------------------------------------------- /threeExamples/shader/girdFloor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/girdFloor.jpg -------------------------------------------------------------------------------- /threeExamples/shader/hologram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/hologram.png -------------------------------------------------------------------------------- /threeExamples/shader/iceFloor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/iceFloor.jpg -------------------------------------------------------------------------------- /threeExamples/shader/innerGlow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/innerGlow.jpg -------------------------------------------------------------------------------- /threeExamples/shader/jumpHeart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/jumpHeart.jpg -------------------------------------------------------------------------------- /threeExamples/shader/mushroom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/mushroom.jpg -------------------------------------------------------------------------------- /threeExamples/shader/planeScan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/planeScan.jpg -------------------------------------------------------------------------------- /threeExamples/shader/radarScan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/radarScan.jpg -------------------------------------------------------------------------------- /threeExamples/shader/raningSea.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/raningSea.jpg -------------------------------------------------------------------------------- /threeExamples/shader/shaderSky.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/shaderSky.jpg -------------------------------------------------------------------------------- /threeExamples/shader/softLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/softLight.jpg -------------------------------------------------------------------------------- /threeExamples/shader/threeLogo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/threeLogo.jpg -------------------------------------------------------------------------------- /threeExamples/shader/warnInfo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/warnInfo.jpg -------------------------------------------------------------------------------- /threeExamples/shader/waterSky.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/waterSky.jpg -------------------------------------------------------------------------------- /threeExamples/shader/waveScan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/waveScan.jpg -------------------------------------------------------------------------------- /threeExamples/tools/sketchfab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/sketchfab.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/clickEvent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/clickEvent.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/cssElement.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/cssElement.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/geojsonFace.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/geojsonFace.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/keyboardRoam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/keyboardRoam.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/multFaceLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/multFaceLine.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/switchView.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/switchView.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/tilesShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/tilesShader.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/dynamicWall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/dynamicWall.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/smokeEffect.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/smokeEffect.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/3DheatMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/3DheatMap.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/cityLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/cityLight.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/lensFlare.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/lensFlare.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/arcgisLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/arcgisLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/baiduLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/baiduLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/defaultLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/defaultLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/gaodeLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/gaodeLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/gaodeTrans.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/gaodeTrans.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/terrainLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/terrainLayer.jpg -------------------------------------------------------------------------------- /threeExamples/application/isoline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/isoline.jpg -------------------------------------------------------------------------------- /threeExamples/application/snake3D.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/snake3D.jpg -------------------------------------------------------------------------------- /threeExamples/application/vrVideo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/vrVideo.jpg -------------------------------------------------------------------------------- /threeExamples/basic/cameraAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/cameraAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/basic/curveAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/curveAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/basic/gltfOptLoader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/gltfOptLoader.jpg -------------------------------------------------------------------------------- /threeExamples/basic/gsapAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/gsapAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelAnimates.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelAnimates.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelExport.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelExport.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelShadow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelShadow.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelUnpack.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelUnpack.jpg -------------------------------------------------------------------------------- /threeExamples/basic/orbControls.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/orbControls.jpg -------------------------------------------------------------------------------- /threeExamples/basic/outlinePass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/outlinePass.jpg -------------------------------------------------------------------------------- /threeExamples/basic/renderFrame.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/renderFrame.jpg -------------------------------------------------------------------------------- /threeExamples/basic/renderTarget.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/renderTarget.jpg -------------------------------------------------------------------------------- /threeExamples/basic/sceneScissor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/sceneScissor.jpg -------------------------------------------------------------------------------- /threeExamples/basic/screenCoord.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/screenCoord.jpg -------------------------------------------------------------------------------- /threeExamples/basic/spriteTexture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/spriteTexture.jpg -------------------------------------------------------------------------------- /threeExamples/basic/transformBox3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/transformBox3.jpg -------------------------------------------------------------------------------- /threeExamples/basic/旋转、缩放、平移几何体.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/旋转、缩放、平移几何体.jpg -------------------------------------------------------------------------------- /threeExamples/expand/blurReflect.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/blurReflect.jpg -------------------------------------------------------------------------------- /threeExamples/expand/heatmapModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/heatmapModel.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3dEarth2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3dEarth2.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3dcity.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3dcity.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/Photons.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/Photons.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/Terrain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/Terrain.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/axydemo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/axydemo.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/chili3d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/chili3d.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/etudes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/etudes.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/ezTree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/ezTree.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/fogEarth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/fogEarth.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/fullik.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/fullik.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/genuary.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/genuary.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/geoArea.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/geoArea.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/geoGlobe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/geoGlobe.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/iTowns.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/iTowns.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/kokomi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/kokomi.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/lonlat23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/lonlat23.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/loveCode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/loveCode.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/m-trust.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/m-trust.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/official.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/official.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/paintCar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/paintCar.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/roaming.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/roaming.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/room3d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/room3d.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/scDatav.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/scDatav.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/sparkjs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/sparkjs.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/su7peng.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/su7peng.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threelab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threelab.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/visThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/visThree.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/vrThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/vrThree.jpg -------------------------------------------------------------------------------- /threeExamples/other/next3dEditor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/other/next3dEditor.jpg -------------------------------------------------------------------------------- /threeExamples/particle/downSnow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/downSnow.jpg -------------------------------------------------------------------------------- /threeExamples/particle/galaxyStar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/galaxyStar.jpg -------------------------------------------------------------------------------- /threeExamples/particle/realFire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/realFire.jpg -------------------------------------------------------------------------------- /threeExamples/particle/sphereLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/sphereLine.jpg -------------------------------------------------------------------------------- /threeExamples/particle/starrySky.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/starrySky.jpg -------------------------------------------------------------------------------- /threeExamples/physics/ammoPhysics.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/physics/ammoPhysics.jpg -------------------------------------------------------------------------------- /threeExamples/physics/octreeDemo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/physics/octreeDemo.jpg -------------------------------------------------------------------------------- /threeExamples/physics/physicsMesh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/physics/physicsMesh.jpg -------------------------------------------------------------------------------- /threeExamples/physics/threeForce.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/physics/threeForce.jpg -------------------------------------------------------------------------------- /threeExamples/plugins/qgisThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/plugins/qgisThree.jpg -------------------------------------------------------------------------------- /threeExamples/plugins/threeMapbox.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/plugins/threeMapbox.jpg -------------------------------------------------------------------------------- /threeExamples/shader/audioDance.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/audioDance.jpg -------------------------------------------------------------------------------- /threeExamples/shader/blobShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/blobShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/candleShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/candleShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cellShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cellShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/circleRotate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/circleRotate.jpg -------------------------------------------------------------------------------- /threeExamples/shader/circleWave.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/circleWave.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityEffect.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityEffect.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cloudShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cloudShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/darkClouds.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/darkClouds.jpg -------------------------------------------------------------------------------- /threeExamples/shader/emitShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/emitShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/fenceShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/fenceShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/fireMaterial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/fireMaterial.jpg -------------------------------------------------------------------------------- /threeExamples/shader/fireShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/fireShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/fishShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/fishShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/flowerShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/flowerShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/gaussianBlur.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/gaussianBlur.jpg -------------------------------------------------------------------------------- /threeExamples/shader/grassShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/grassShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/grayShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/grayShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/gridShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/gridShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/groundglass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/groundglass.jpg -------------------------------------------------------------------------------- /threeExamples/shader/halfCircle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/halfCircle.jpg -------------------------------------------------------------------------------- /threeExamples/shader/heartShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/heartShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/imageShake.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/imageShake.jpg -------------------------------------------------------------------------------- /threeExamples/shader/infiniteGrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/infiniteGrid.jpg -------------------------------------------------------------------------------- /threeExamples/shader/loveShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/loveShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/mosaicShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/mosaicShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/oceanShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/oceanShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/radarShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/radarShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/rasterGrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/rasterGrid.jpg -------------------------------------------------------------------------------- /threeExamples/shader/reliefImage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/reliefImage.jpg -------------------------------------------------------------------------------- /threeExamples/shader/ringShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/ringShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/ringsShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/ringsShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/shaderBlock.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/shaderBlock.jpg -------------------------------------------------------------------------------- /threeExamples/shader/smokeCircle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/smokeCircle.jpg -------------------------------------------------------------------------------- /threeExamples/shader/steamWaveSun.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/steamWaveSun.jpg -------------------------------------------------------------------------------- /threeExamples/shader/videoShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/videoShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/vortexShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/vortexShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/wallShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/wallShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/waveShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/waveShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/whiteCloud.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/whiteCloud.jpg -------------------------------------------------------------------------------- /threeExamples/shader/wifiShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/wifiShader.jpg -------------------------------------------------------------------------------- /threeExamples/tools/geojsonTool.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/geojsonTool.jpg -------------------------------------------------------------------------------- /threeExamples/tools/gltf_report.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/gltf_report.jpg -------------------------------------------------------------------------------- /threeExamples/tools/gltf_viewer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/gltf_viewer.jpg -------------------------------------------------------------------------------- /threeExamples/tools/skyBox_Make.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/skyBox_Make.jpg -------------------------------------------------------------------------------- /threeExamples/tools/skyBox_image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/skyBox_image.jpg -------------------------------------------------------------------------------- /cesiumExamples/application/globeMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/application/globeMap.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/drawDivElement.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/drawDivElement.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/gradientWall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/gradientWall.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/radarEmission.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/radarEmission.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/cesiumSwitch.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/cesiumSwitch.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/transportLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/transportLine.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/waterMaterial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/waterMaterial.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/mapfilterLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/mapfilterLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/layer/tiandituLayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/layer/tiandituLayer.jpg -------------------------------------------------------------------------------- /cesiumExamples/tools/computerAngle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/tools/computerAngle.jpg -------------------------------------------------------------------------------- /cesiumExamples/tools/layerDownload.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/tools/layerDownload.jpg -------------------------------------------------------------------------------- /cesiumExamples/tools/mapDataConvert.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/tools/mapDataConvert.jpg -------------------------------------------------------------------------------- /threeExamples/application/2025Year.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/2025Year.jpg -------------------------------------------------------------------------------- /threeExamples/application/700stars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/700stars.jpg -------------------------------------------------------------------------------- /threeExamples/application/codeCloud.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/codeCloud.jpg -------------------------------------------------------------------------------- /threeExamples/application/coffeeMug.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/coffeeMug.jpg -------------------------------------------------------------------------------- /threeExamples/application/coneMesh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/coneMesh.jpg -------------------------------------------------------------------------------- /threeExamples/application/drawFace.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/drawFace.jpg -------------------------------------------------------------------------------- /threeExamples/application/drawFence.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/drawFence.jpg -------------------------------------------------------------------------------- /threeExamples/application/faceMesh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/faceMesh.jpg -------------------------------------------------------------------------------- /threeExamples/application/flowLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/flowLine.jpg -------------------------------------------------------------------------------- /threeExamples/application/flowTube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/flowTube.png -------------------------------------------------------------------------------- /threeExamples/application/gridFloor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/gridFloor.jpg -------------------------------------------------------------------------------- /threeExamples/application/imageMove.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/imageMove.jpg -------------------------------------------------------------------------------- /threeExamples/application/lampshade.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/lampshade.jpg -------------------------------------------------------------------------------- /threeExamples/application/lightBar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/lightBar.jpg -------------------------------------------------------------------------------- /threeExamples/application/lightIcon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/lightIcon.jpg -------------------------------------------------------------------------------- /threeExamples/application/pieCharts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/pieCharts.jpg -------------------------------------------------------------------------------- /threeExamples/application/pipeFlow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/pipeFlow.jpg -------------------------------------------------------------------------------- /threeExamples/application/radarScan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/radarScan.jpg -------------------------------------------------------------------------------- /threeExamples/application/rainRoof.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/rainRoof.jpg -------------------------------------------------------------------------------- /threeExamples/application/topology.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/topology.jpg -------------------------------------------------------------------------------- /threeExamples/application/tweenFire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/tweenFire.jpg -------------------------------------------------------------------------------- /threeExamples/application/windMove.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/windMove.jpg -------------------------------------------------------------------------------- /threeExamples/basic/cameraAttribute.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/cameraAttribute.jpg -------------------------------------------------------------------------------- /threeExamples/basic/changeMaterial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/changeMaterial.jpg -------------------------------------------------------------------------------- /threeExamples/basic/effectComposer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/effectComposer.jpg -------------------------------------------------------------------------------- /threeExamples/basic/loadingAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/loadingAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/basic/modelAnimation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/modelAnimation.jpg -------------------------------------------------------------------------------- /threeExamples/basic/multOutlinePass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/multOutlinePass.jpg -------------------------------------------------------------------------------- /threeExamples/basic/transformObject.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/transformObject.jpg -------------------------------------------------------------------------------- /threeExamples/expand/combineEcharts.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/combineEcharts.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3dAssests.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3dAssests.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/autopilot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/autopilot.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/bigScreen.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/bigScreen.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/blenderCar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/blenderCar.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/cadViewer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/cadViewer.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/car911Show.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/car911Show.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/cheapwater.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/cheapwater.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/dissolves.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/dissolves.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/driverCar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/driverCar.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/heat3dMap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/heat3dMap.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/noise_gird.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/noise_gird.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/pipeEditor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/pipeEditor.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/reactThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/reactThree.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/realWater.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/realWater.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/sketchbook.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/sketchbook.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/smartCity.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/smartCity.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/snakeGame.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/snakeGame.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/su7_three.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/su7_three.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/taohuating.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/taohuating.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-geo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-geo.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threeText.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threeText.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/vueCesium.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/vueCesium.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/waterBall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/waterBall.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/ziTengHua.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/ziTengHua.jpg -------------------------------------------------------------------------------- /threeExamples/particle/imgParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/imgParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particleFire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particleFire.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particleLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particleLine.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particleWire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particleWire.jpg -------------------------------------------------------------------------------- /threeExamples/particle/pointsEarth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/pointsEarth.jpg -------------------------------------------------------------------------------- /threeExamples/particle/snowParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/snowParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/textParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/textParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/waterLeakage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/waterLeakage.jpg -------------------------------------------------------------------------------- /threeExamples/particle/z2586300277.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/z2586300277.jpg -------------------------------------------------------------------------------- /threeExamples/plugins/gaodeMapThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/plugins/gaodeMapThree.jpg -------------------------------------------------------------------------------- /threeExamples/shader/audioSolutions.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/audioSolutions.jpg -------------------------------------------------------------------------------- /threeExamples/shader/buildGradient.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/buildGradient.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityBlendLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityBlendLight.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityMixShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityMixShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/cityMoveLight.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/cityMoveLight.jpg -------------------------------------------------------------------------------- /threeExamples/shader/compassShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/compassShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/heatmapShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/heatmapShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/imageParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/imageParticle.jpg -------------------------------------------------------------------------------- /threeExamples/shader/shader_planet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/shader_planet.jpg -------------------------------------------------------------------------------- /threeExamples/shader/textStarShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/textStarShader.jpg -------------------------------------------------------------------------------- /threeExamples/tools/make_json_font.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/tools/make_json_font.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/cameraCurveRoam.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/cameraCurveRoam.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/routeNavigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/routeNavigation.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/postProcessStage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/postProcessStage.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/cesiumAndThree.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/cesiumAndThree.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/cesiumShadertoy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/cesiumShadertoy.jpg -------------------------------------------------------------------------------- /cesiumExamples/tools/computerNewPoint.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/tools/computerNewPoint.jpg -------------------------------------------------------------------------------- /threeExamples/animation/animejsBasic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/animation/animejsBasic.jpg -------------------------------------------------------------------------------- /threeExamples/animation/clipAnimation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/animation/clipAnimation.jpg -------------------------------------------------------------------------------- /threeExamples/application/buildingLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/buildingLine.jpg -------------------------------------------------------------------------------- /threeExamples/application/customGrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/customGrid.jpg -------------------------------------------------------------------------------- /threeExamples/application/diffuseLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/diffuseLine.jpg -------------------------------------------------------------------------------- /threeExamples/application/drivingCar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/drivingCar.jpg -------------------------------------------------------------------------------- /threeExamples/application/flowerRain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/flowerRain.jpg -------------------------------------------------------------------------------- /threeExamples/application/ghostHouse.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/ghostHouse.jpg -------------------------------------------------------------------------------- /threeExamples/application/gsapTimeLine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/gsapTimeLine.jpg -------------------------------------------------------------------------------- /threeExamples/application/happyNewYear.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/happyNewYear.jpg -------------------------------------------------------------------------------- /threeExamples/application/houseScene.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/houseScene.jpg -------------------------------------------------------------------------------- /threeExamples/application/lineMeasure.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/lineMeasure.jpg -------------------------------------------------------------------------------- /threeExamples/application/magicCircle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/magicCircle.jpg -------------------------------------------------------------------------------- /threeExamples/application/measurement.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/measurement.jpg -------------------------------------------------------------------------------- /threeExamples/application/modelBorder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/modelBorder.jpg -------------------------------------------------------------------------------- /threeExamples/application/modelHeatmap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/modelHeatmap.jpg -------------------------------------------------------------------------------- /threeExamples/application/model_base.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/model_base.jpg -------------------------------------------------------------------------------- /threeExamples/application/roadShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/roadShader.jpg -------------------------------------------------------------------------------- /threeExamples/application/samplexWave.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/samplexWave.jpg -------------------------------------------------------------------------------- /threeExamples/application/simple_coll.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/simple_coll.jpg -------------------------------------------------------------------------------- /threeExamples/application/sportFence.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/sportFence.jpg -------------------------------------------------------------------------------- /threeExamples/application/spriteText.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/spriteText.jpg -------------------------------------------------------------------------------- /threeExamples/application/textSphere.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/textSphere.jpg -------------------------------------------------------------------------------- /threeExamples/application/thanksBibi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/thanksBibi.jpg -------------------------------------------------------------------------------- /threeExamples/application/videoEffect.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/videoEffect.jpg -------------------------------------------------------------------------------- /threeExamples/application/videoFloor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/videoFloor.jpg -------------------------------------------------------------------------------- /threeExamples/application/videoModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/videoModel.jpg -------------------------------------------------------------------------------- /threeExamples/application/white_model.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/white_model.jpg -------------------------------------------------------------------------------- /threeExamples/application/z2586300277.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/z2586300277.jpg -------------------------------------------------------------------------------- /threeExamples/basic/gradientTriangle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/gradientTriangle.jpg -------------------------------------------------------------------------------- /threeExamples/basic/transformAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/basic/transformAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/expand/gaussianSplats3D.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/gaussianSplats3D.webp -------------------------------------------------------------------------------- /threeExamples/expand/multWindowScene.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/multWindowScene.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3d-portfolio.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3d-portfolio.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3dPointsModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3dPointsModel.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/3dmodelEdit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/3dmodelEdit.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/FluffyGrass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/FluffyGrass.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/GlobeStream3D.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/GlobeStream3D.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/aSouthernCat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/aSouthernCat.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/bulang_cesium.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/bulang_cesium.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/carShowReact.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/carShowReact.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/cartoon-grass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/cartoon-grass.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/cesiumExtends.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/cesiumExtends.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/digitalFarm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/digitalFarm.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/distance_sign.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/distance_sign.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/drei_vanilla.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/drei_vanilla.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/farazzshaikh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/farazzshaikh.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/kallkago_su7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/kallkago_su7.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/musicParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/musicParticle.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/music_wobble.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/music_wobble.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/numberEarth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/numberEarth.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/rain_puddle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/rain_puddle.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/roomDesigner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/roomDesigner.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/shadowEditor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/shadowEditor.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/sky-cloud-3d.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/sky-cloud-3d.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/small_island.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/small_island.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/su7_replica.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/su7_replica.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/thebrowserlab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/thebrowserlab.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-pinata.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-pinata.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threeCSGMesh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threeCSGMesh.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threeQuarks.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threeQuarks.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/unrealstyle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/unrealstyle.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/visualization.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/visualization.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/wangpengfei.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/wangpengfei.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/xiaolidan00.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/xiaolidan00.jpg -------------------------------------------------------------------------------- /threeExamples/particle/PlanetParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/PlanetParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/RandomParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/RandomParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/fireParticles.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/fireParticles.jpg -------------------------------------------------------------------------------- /threeExamples/particle/globeParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/globeParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/spreadPartile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/spreadPartile.jpg -------------------------------------------------------------------------------- /threeExamples/shader/changeShaderToy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/changeShaderToy.jpg -------------------------------------------------------------------------------- /threeExamples/shader/dissolveAnimate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/dissolveAnimate.jpg -------------------------------------------------------------------------------- /threeExamples/shader/energyBallShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/energyBallShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/ephemeralFlower.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/ephemeralFlower.jpg -------------------------------------------------------------------------------- /threeExamples/shader/modelBlendShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/modelBlendShader.jpg -------------------------------------------------------------------------------- /threeExamples/shader/tachnologyFloor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/tachnologyFloor.jpg -------------------------------------------------------------------------------- /cesiumExamples/application/controlModel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/application/controlModel.jpg -------------------------------------------------------------------------------- /cesiumExamples/effect/dynamicWallSimple.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/effect/dynamicWallSimple.jpg -------------------------------------------------------------------------------- /cesiumExamples/expand/gradienGeojsonFace.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/expand/gradienGeojsonFace.jpg -------------------------------------------------------------------------------- /threeExamples/animation/personAnimation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/animation/personAnimation.jpg -------------------------------------------------------------------------------- /threeExamples/animation/personFirstMove.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/animation/personFirstMove.jpg -------------------------------------------------------------------------------- /threeExamples/animation/personThirdMove.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/animation/personThirdMove.jpg -------------------------------------------------------------------------------- /threeExamples/application/canvasTexture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/canvasTexture.jpg -------------------------------------------------------------------------------- /threeExamples/application/cartoon_ocean.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/cartoon_ocean.jpg -------------------------------------------------------------------------------- /threeExamples/application/geometryMerge.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/geometryMerge.jpg -------------------------------------------------------------------------------- /threeExamples/application/gsapCollection.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/gsapCollection.jpg -------------------------------------------------------------------------------- /threeExamples/application/modelParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/modelParticle.jpg -------------------------------------------------------------------------------- /threeExamples/application/thewaynicocome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/thewaynicocome.jpg -------------------------------------------------------------------------------- /threeExamples/application/volumeHeatmap.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/volumeHeatmap.webp -------------------------------------------------------------------------------- /threeExamples/expand/modelBlendReflector.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/expand/modelBlendReflector.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/Astral3DEditor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/Astral3DEditor.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/StationMonitor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/StationMonitor.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/buildingEditor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/buildingEditor.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/cameraControls.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/cameraControls.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/digitalTraffic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/digitalTraffic.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/flightsTracker.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/flightsTracker.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/maptalks_three.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/maptalks_three.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/mesh-modifiers.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/mesh-modifiers.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/tShaderMaterial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/tShaderMaterial.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/textureProject.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/textureProject.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threeGeospatial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threeGeospatial.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejs-journey.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejs-journey.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejsProject.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejsProject.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particleScattered.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particleScattered.jpg -------------------------------------------------------------------------------- /threeExamples/shader/transparentGradient.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/shader/transparentGradient.jpg -------------------------------------------------------------------------------- /cesiumExamples/application/cssElementTrack.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/application/cssElementTrack.jpg -------------------------------------------------------------------------------- /cesiumExamples/application/instanceRender.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/application/instanceRender.jpg -------------------------------------------------------------------------------- /cesiumExamples/basic/officialPointCluster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/basic/officialPointCluster.jpg -------------------------------------------------------------------------------- /cesiumExamples/tools/DrawAndExportGeojson.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/cesiumExamples/tools/DrawAndExportGeojson.jpg -------------------------------------------------------------------------------- /threeExamples/application/draw_face_improve.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/draw_face_improve.jpg -------------------------------------------------------------------------------- /threeExamples/application/generate_terrain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/generate_terrain.jpg -------------------------------------------------------------------------------- /threeExamples/application/matrixOperation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/matrixOperation.jpg -------------------------------------------------------------------------------- /threeExamples/application/pointLockControls.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/application/pointLockControls.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/afterimagePass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/afterimagePass.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/customMaskPass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/customMaskPass.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/saturationPass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/saturationPass.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/CollisionRoaming.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/CollisionRoaming.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/GaussianSplats3D.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/GaussianSplats3D.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/interactive-shield.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/interactive-shield.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-good-godrays.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-good-godrays.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-raymarcher.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-raymarcher.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-shader-baker.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-shader-baker.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejs-caustics.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejs-caustics.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particleBlendShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particleBlendShader.jpg -------------------------------------------------------------------------------- /threeExamples/particle/technologyParticle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/technologyParticle.jpg -------------------------------------------------------------------------------- /threeExamples/particle/waveParticleShader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/waveParticleShader.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/sceneSnowEffect.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/sceneSnowEffect.webp -------------------------------------------------------------------------------- /threeExamples/effectComposer/selectBloomPass.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/selectBloomPass.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/threeSelectBloom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/threeSelectBloom.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/CustomShaderMaterial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/CustomShaderMaterial.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/three-viewport-gizmo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/three-viewport-gizmo.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejs-water-shader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejs-water-shader.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejsZombieshooter.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejsZombieshooter.jpg -------------------------------------------------------------------------------- /threeExamples/effectComposer/deferredLighting.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/effectComposer/deferredLighting.webp -------------------------------------------------------------------------------- /threeExamples/openSource/steve245270533Gallery.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/steve245270533Gallery.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/threejs-image-gallery.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/threejs-image-gallery.jpg -------------------------------------------------------------------------------- /threeExamples/particle/particlesCursorAnimation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/particle/particlesCursorAnimation.jpg -------------------------------------------------------------------------------- /threeExamples/openSource/X-Ray-Visualizer-Threejs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/z2586300277/three-cesium-examples/HEAD/threeExamples/openSource/X-Ray-Visualizer-Threejs.jpg -------------------------------------------------------------------------------- /config/host.js: -------------------------------------------------------------------------------- 1 | const HOST = window.FIX_HOST || (window.origin + window.location.pathname).replace(/\/index.html$/, '/') 2 | 3 | const FILE_HOST = 'https://z2586300277.github.io/3d-file-server/' // 文件资源服务器 4 | 5 | export { HOST, FILE_HOST } 6 | 7 | /* 注 部署可将 资源全部下载 然后配置成自己的资源地址即可 */ -------------------------------------------------------------------------------- /threeExamples/other/openThree.json: -------------------------------------------------------------------------------- 1 | { 2 | "openUrl": "https://g2657.github.io/examples-server/map3d", 3 | "encode_url": "x1lcx2ndx2nex2jfx2mgz1ihy1hia1ejz3hkz3hlx1kdx1mdx2ndx1ldx3edx1fdz3gdx1gdx2idx2gdz3hex3gex1eex2hex1kex2mex1gex2lex1mex2jex2nfy1efy1efy1lfz3hfa2nfx1lfx2lfx1ifx1ifa2ggx1egx2jgx2mg" 4 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist-ssr 12 | *.local 13 | 14 | # Editor directories and files git checkout --orphan dev 15 | .vscode/* 16 | cache 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | *.yaml 26 | 27 | package-lock.json 28 | yarn.lock 29 | pnpm-lock.yaml 30 | -------------------------------------------------------------------------------- /cesiumExamples/layer/coordLayer.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | // 添加瓦片坐标信息 22 | viewer.imageryLayers.addImageryProvider(new Cesium.TileCoordinatesImageryProvider()); -------------------------------------------------------------------------------- /cesiumExamples/tools/test.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer')), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Open Three 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /cesiumExamples/offline/blue.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | let imagelayer = new Cesium.SingleTileImageryProvider({ 22 | url: FILE_HOST + "images/offlineLayer/world_b.jpg", 23 | tileWidth: 256, 24 | tileHeight: 256, 25 | }); 26 | viewer.imageryLayers.addImageryProvider(imagelayer); 27 | -------------------------------------------------------------------------------- /cesiumExamples/offline/day.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | let imagelayer = new Cesium.SingleTileImageryProvider({ 22 | url: FILE_HOST + "images/offlineLayer/world_d.jpg", 23 | tileWidth: 256, 24 | tileHeight: 256, 25 | }); 26 | viewer.imageryLayers.addImageryProvider(imagelayer); 27 | -------------------------------------------------------------------------------- /cesiumExamples/offline/img.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | let imagelayer = new Cesium.SingleTileImageryProvider({ 22 | url: FILE_HOST + "images/offlineLayer/world_img.jpg", 23 | tileWidth: 256, 24 | tileHeight: 256, 25 | }); 26 | viewer.imageryLayers.addImageryProvider(imagelayer); 27 | -------------------------------------------------------------------------------- /cesiumExamples/offline/night.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | let imagelayer = new Cesium.SingleTileImageryProvider({ 22 | url: FILE_HOST + "images/offlineLayer/world_n.jpg", 23 | tileWidth: 256, 24 | tileHeight: 256, 25 | }); 26 | viewer.imageryLayers.addImageryProvider(imagelayer); 27 | -------------------------------------------------------------------------------- /files/site/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /cesiumExamples/layer/arcgisLayer.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | const url = 'https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer' 22 | 23 | const layer = Cesium.ImageryLayer.fromProviderAsync( 24 | 25 | Cesium.ArcGisMapServerImageryProvider.fromUrl(url) 26 | 27 | ) 28 | 29 | viewer.imageryLayers.add(layer) 30 | -------------------------------------------------------------------------------- /cesiumExamples/layer/gaodeLayer.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | viewer.imageryLayers.addImageryProvider( 22 | 23 | new Cesium.UrlTemplateImageryProvider({ 24 | 25 | url: 'https://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=2&style=8&x={x}&y={y}&z={z}', 26 | 27 | maximumLevel: 18 28 | 29 | }) 30 | 31 | ) 32 | -------------------------------------------------------------------------------- /cesiumExamples/basic/autoRotate.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const DOM = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(DOM, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl(GLOBAL_CONFIG.getLayerUrl())), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | viewer._cesiumWidget._creditContainer.style.display = "none" 22 | 23 | // 动画 24 | viewer.clock.onTick.addEventListener(() => { 25 | 26 | // 可在此处动态添加 条件判断 以控制是否自动旋转 27 | 28 | viewer.scene.camera.rotate(Cesium.Cartesian3.UNIT_Z, 0.01) 29 | 30 | }) -------------------------------------------------------------------------------- /cesiumExamples/offline/gaode.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | // 这里 https://github.com/z2586300277/3d-file-server 是我存放离线地图瓦片资源的仓库 22 | 23 | // 瓦片下载 - 可通过多种方式 例如 望远网 地图资源下载 24 | 25 | // 这里我只下载了 3 - 5 级的瓦片 26 | 27 | viewer.imageryLayers.addImageryProvider( 28 | 29 | new Cesium.UrlTemplateImageryProvider({ 30 | 31 | url: FILE_HOST + 'map/Gaode/tiles/{z}/{x}/{y}.png', 32 | 33 | maximumLevel: 5, 34 | 35 | minimumLevel: 3, 36 | 37 | }) 38 | 39 | ) 40 | -------------------------------------------------------------------------------- /threeExamples/basic/入门.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | 4 | // 场景 + 相机-- > 渲染器 - >成果 5 | 6 | // 场景 = (网格模型(几何体 + 材质) + 位置) + (网格模型(几何体 + 材质) + 位置) 7 | // 相机 = 相机位置 + 相机观察位置 8 | 9 | const box = document.getElementById('box') 10 | 11 | const scene = new THREE.Scene();// 创建场景 12 | const geometry = new THREE.BoxGeometry(100, 100, 100); //几何体 13 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 14 | const mesh = new THREE.Mesh(geometry, material); //网格模型 15 | mesh.position.set(0, 10, 0); //网格模型位置 16 | scene.add(mesh); //场景添加网格模型 17 | 18 | const camera = new THREE.PerspectiveCamera(); //相机 19 | camera.position.set(200, 200, 200); //相机位置 20 | camera.lookAt(0, 10, 0); //相机观察位置 21 | 22 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 23 | renderer.setSize(box.clientWidth, box.clientHeight) 24 | renderer.render(scene, camera); //执行渲染 25 | box.appendChild(renderer.domElement); 26 | -------------------------------------------------------------------------------- /threeExamples/expand/gaussianSplats3D.js: -------------------------------------------------------------------------------- 1 | import * as GaussianSplats3D from '@mkkellogg/gaussian-splats-3d' 2 | 3 | 4 | /** 5 | * 参考引用自 https://github.com/mkkellogg/GaussianSplats3D 6 | * 可结合Three.js 融合 更多玩法参考源文档 7 | * @type {GaussianSplats3D.Viewer} 8 | */ 9 | 10 | // 修改初始化配置 11 | const viewer = new GaussianSplats3D.Viewer({ 12 | 'useSharedArrayBuffer': false, 13 | 'useBuiltInControls': true, 14 | 'sharedMemoryForWorkers':false, 15 | 'cameraUp': [0, -1, -0.6], 16 | 'initialCameraPosition': [-1, -4, 6], 17 | 'initialCameraLookAt': [0, 4, 0] 18 | }); 19 | //使用私有对象存储带宽较低耐心等待一下 http://app.foxicle.xyz:9000/public-bucket/model/3dgs/garden.ksplat 20 | viewer.addSplatScene(FILE_HOST + 'other/deskFlower.ksplat', { 21 | 'splatAlphaRemovalThreshold': 5, 22 | 'showLoadingUI': true, 23 | 'position': [0, 1, 0], 24 | 'rotation': [0, 0, 0, 1], 25 | 'scale': [1.5, 1.5, 1.5] 26 | }).then(() => { 27 | viewer.start() 28 | }); -------------------------------------------------------------------------------- /threeExamples/basic/辅助线.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | 4 | // X:红色方向 5 | // Y:绿色方向 6 | // Z:蓝色方向 7 | 8 | // 场景 9 | const scene = new THREE.Scene();// 创建场景 10 | const geometry = new THREE.BoxGeometry(100, 50, 10); //几何体 11 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 12 | const mesh = new THREE.Mesh(geometry, material); //网格模型 13 | mesh.position.set(0, 10, 0); //网格模型位置 14 | scene.add(mesh); //场景添加网格模型 15 | 16 | // AxesHelper 17 | const axesHelper = new THREE.AxesHelper(150); 18 | scene.add(axesHelper); 19 | 20 | // 相机 21 | const camera = new THREE.PerspectiveCamera(); //相机 22 | camera.position.set(200, 200, 200); //相机位置 23 | camera.lookAt(0, 10, 0); //相机观察位置 24 | 25 | // 渲染器 26 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 27 | const box = document.getElementById('box'); 28 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 29 | renderer.render(scene, camera); //执行渲染 30 | box.appendChild(renderer.domElement); 31 | -------------------------------------------------------------------------------- /threeExamples/other/test.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 9 | 10 | camera.position.set(50, 50, 50) 11 | 12 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | box.appendChild(renderer.domElement) 17 | 18 | new OrbitControls(camera, renderer.domElement) 19 | 20 | scene.add(new THREE.AxesHelper(100), new THREE.GridHelper(100, 10)) 21 | 22 | animate() 23 | 24 | function animate() { 25 | 26 | requestAnimationFrame(animate) 27 | 28 | renderer.render(scene, camera) 29 | 30 | } 31 | 32 | window.onresize = () => { 33 | 34 | renderer.setSize(box.clientWidth, box.clientHeight) 35 | 36 | camera.aspect = box.clientWidth / box.clientHeight 37 | 38 | camera.updateProjectionMatrix() 39 | 40 | } 41 | 42 | -------------------------------------------------------------------------------- /cesiumExamples/layer/xyz.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | imageryProvider: false, 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 9 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 10 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 11 | homeButton: false,//是否显示Home按钮,右上角home按钮 12 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 13 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 14 | navigationHelpButton: false,//是否显示右上角的帮助按钮 15 | selectionIndicator: false,//是否显示选取指示器组件 16 | timeline: false,//是否显示时间轴 17 | infoBox: false,//是否显示信息框 18 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 19 | orderIndependentTranslucency: false, //是否启用无序透明 20 | contextOptions: { webgl: { alpha: true } }, 21 | skyBox: new Cesium.SkyBox({ show: false }) 22 | }) 23 | 24 | // 加载xyz 25 | let xyz = new Cesium.UrlTemplateImageryProvider({ 26 | "credit": "xyz服务", 27 | "url": '///data.mars3d.cn/tile/img/{z}/{x}/{y}.jpg' 28 | }) 29 | viewer.imageryLayers.addImageryProvider(xyz) -------------------------------------------------------------------------------- /threeExamples/other/editorMap.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Three Editor 7 | 24 | 25 | 26 |
27 | 40 | 41 | -------------------------------------------------------------------------------- /threeExamples/basic/viewHelper.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { ViewHelper } from 'three/examples/jsm/helpers/ViewHelper.js' 4 | 5 | const box = document.getElementById('box') 6 | 7 | const scene = new THREE.Scene() 8 | 9 | const camera = new THREE.PerspectiveCamera(50, box.clientWidth / box.clientHeight, 0.1, 1000) 10 | 11 | camera.position.set(0, 10, 10) 12 | 13 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 14 | 15 | renderer.setSize(box.clientWidth, box.clientHeight) 16 | 17 | box.appendChild(renderer.domElement) 18 | 19 | const controls = new OrbitControls(camera, renderer.domElement) 20 | 21 | controls.enableDamping = true 22 | 23 | scene.add(new THREE.AxesHelper(5), new THREE.GridHelper(10, 10)) 24 | 25 | const viewHelper = new ViewHelper(camera, renderer.domElement) 26 | 27 | renderer.autoClear = false // 需要将自动清除关闭 28 | 29 | animate() 30 | 31 | function animate() { 32 | 33 | controls.update() 34 | 35 | // renderer.clear() // 可能需要的清除操作 36 | 37 | renderer.render(scene, camera) 38 | 39 | viewHelper.render(renderer) 40 | 41 | requestAnimationFrame(animate) 42 | 43 | } 44 | 45 | -------------------------------------------------------------------------------- /threeExamples/basic/帧率.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | //引入性能监视器stats.js 4 | import Stats from 'three/examples/jsm/libs/stats.module.js'; 5 | // 场景 6 | const scene = new THREE.Scene();// 创建场景 7 | const geometry = new THREE.BoxGeometry(10, 60, 100); //几何体 8 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 9 | const mesh = new THREE.Mesh(geometry, material); //网格模型 10 | mesh.position.set(0, 10, 0); //网格模型位置 11 | scene.add(mesh); //场景添加网格模型 12 | 13 | // AxesHelper 14 | const axesHelper = new THREE.AxesHelper(150); 15 | scene.add(axesHelper); 16 | 17 | // 相机 18 | const camera = new THREE.PerspectiveCamera(); //相机 19 | camera.position.set(200, 200, 200); //相机位置 20 | camera.lookAt(0, 10, 0); //相机观察位置 21 | 22 | // 渲染器 23 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 24 | const box = document.getElementById('box'); 25 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 26 | renderer.render(scene, camera); //执行渲染 27 | box.appendChild(renderer.domElement);; 28 | 29 | 30 | const stats = new Stats(); 31 | document.body.appendChild(stats.domElement); 32 | function render() { 33 | stats.update(); 34 | renderer.render(scene, camera); //执行渲染操作 35 | requestAnimationFrame(render); //请求再次执行渲染函数render,渲染下一帧 36 | } 37 | render(); 38 | -------------------------------------------------------------------------------- /cesiumExamples/layer/tms.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | imageryProvider: false, 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 9 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 10 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 11 | homeButton: false,//是否显示Home按钮,右上角home按钮 12 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 13 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 14 | navigationHelpButton: false,//是否显示右上角的帮助按钮 15 | selectionIndicator: false,//是否显示选取指示器组件 16 | timeline: false,//是否显示时间轴 17 | infoBox: false,//是否显示信息框 18 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 19 | orderIndependentTranslucency: false, //是否启用无序透明 20 | contextOptions: { webgl: { alpha: true } }, 21 | skyBox: new Cesium.SkyBox({ show: false }) 22 | }) 23 | viewer.camera.setView({ 24 | destination: Cesium.Cartesian3.fromDegrees(110.511154, 29.362943, 3000000), 25 | }); 26 | 27 | // 加载tms 28 | let tms = new Cesium.UrlTemplateImageryProvider({ 29 | "credit": "riv_m", 30 | "url": 'http://39.107.182.155:9000/tserver/wmts.ashx?r={y}&c={x}&l={z}&t=riv_m' 31 | }) 32 | viewer.imageryLayers.addImageryProvider(tms) -------------------------------------------------------------------------------- /cesiumExamples/layer/wms.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | imageryProvider: false, 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 9 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 10 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 11 | homeButton: false,//是否显示Home按钮,右上角home按钮 12 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 13 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 14 | navigationHelpButton: false,//是否显示右上角的帮助按钮 15 | selectionIndicator: false,//是否显示选取指示器组件 16 | timeline: false,//是否显示时间轴 17 | infoBox: false,//是否显示信息框 18 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 19 | orderIndependentTranslucency: false, //是否启用无序透明 20 | contextOptions: { webgl: { alpha: true } }, 21 | skyBox: new Cesium.SkyBox({ show: false }) 22 | }) 23 | 24 | 25 | // 加载wms 26 | let wms = new Cesium.WebMapServiceImageryProvider({ 27 | url: "https://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?", 28 | layers: "nexrad-n0r", 29 | credit: "demo", 30 | parameters: { 31 | transparent: "true", 32 | format: "image/png", 33 | }, 34 | }) 35 | viewer.imageryLayers.addImageryProvider(wms) -------------------------------------------------------------------------------- /threeExamples/basic/动画.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | 4 | // 场景 5 | const scene = new THREE.Scene();// 创建场景 6 | const geometry = new THREE.BoxGeometry(10, 60, 100); //几何体 7 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 8 | const mesh = new THREE.Mesh(geometry, material); //网格模型 9 | mesh.position.set(0, 10, 0); //网格模型位置 10 | scene.add(mesh); //场景添加网格模型 11 | 12 | // AxesHelper 13 | const axesHelper = new THREE.AxesHelper(150); 14 | scene.add(axesHelper); 15 | 16 | // 相机 17 | const camera = new THREE.PerspectiveCamera(); //相机 18 | camera.position.set(200, 200, 200); //相机位置 19 | camera.lookAt(0, 10, 0); //相机观察位置 20 | 21 | // 渲染器 22 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 23 | const box = document.getElementById('box'); 24 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 25 | renderer.render(scene, camera); //执行渲染 26 | box.appendChild(renderer.domElement); 27 | 28 | // 渲染函数 29 | const clock = new THREE.Clock(); 30 | function render() { 31 | const spt = clock.getDelta() * 1000;//毫秒 32 | console.log('两帧渲染时间间隔(毫秒)', spt); 33 | console.log('帧率FPS', 1000 / spt); 34 | 35 | renderer.render(scene, camera); //执行渲染操作 36 | mesh.rotateY(0.01);//每次绕y轴旋转0.01弧度 37 | requestAnimationFrame(render);//请求再次执行渲染函数render,渲染下一帧 38 | } 39 | render(); 40 | -------------------------------------------------------------------------------- /cesiumExamples/basic/skyBox.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: false, // 不显示默认图层 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | viewer.imageryLayers.addImageryProvider( 22 | 23 | new Cesium.UrlTemplateImageryProvider({ 24 | 25 | //高德卫星影像 26 | url: 'https://webst03.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', 27 | 28 | maximumLevel: 18 29 | 30 | }) 31 | 32 | ) 33 | 34 | // px => -90, nx => 90, py => 0, ny => 180, pz => 0, nz => 180 35 | viewer.scene.skyBox = new Cesium.SkyBox({ 36 | sources: { 37 | positiveX: FILE_HOST + 'files/cesiumSky/px.png', // 右面 38 | negativeX: FILE_HOST + 'files/cesiumSky/nx.png', // 左面 39 | positiveY: FILE_HOST + 'files/cesiumSky/pz.png', // 将前面用作上面 40 | negativeY: FILE_HOST + 'files/cesiumSky/nz.png', // 将后面用作下面 41 | positiveZ: FILE_HOST + 'files/cesiumSky/py.png', // 将上面用作前面 42 | negativeZ: FILE_HOST + 'files/cesiumSky/ny.png' // 将下面用作后面 43 | } 44 | }); -------------------------------------------------------------------------------- /threeExamples/basic/网格.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | const scene = new THREE.Scene(); 6 | 7 | // 网格模型Mesh其实就一个一个三角形(面)拼接构成 8 | const geometry = new THREE.BufferGeometry(); 9 | const vertices = new Float32Array([ 10 | 0, 0, 0, 11 | 50, 0, 0, 12 | 50, 0, 50, 13 | 14 | 0, 0, 0, 15 | 0, 0, 50, 16 | 50, 0, 50, 17 | ]); 18 | 19 | geometry.attributes.position = new THREE.BufferAttribute(vertices, 3); 20 | 21 | // 网格 22 | const material = new THREE.MeshBasicMaterial({ 23 | color: 0x0000ff, 24 | side: THREE.DoubleSide, 25 | }); 26 | const mesh = new THREE.Mesh(geometry, material); 27 | scene.add(mesh); 28 | 29 | 30 | // AxesHelper 31 | const axesHelper = new THREE.AxesHelper(150); 32 | scene.add(axesHelper); 33 | 34 | // 相机 35 | const camera = new THREE.PerspectiveCamera(); //相机 36 | camera.position.set(200, 200, 200); //相机位置 37 | camera.lookAt(0, 0, 0); //相机观察位置 38 | 39 | // 渲染器 40 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 41 | const box = document.getElementById('box'); 42 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 43 | renderer.render(scene, camera); //执行渲染 44 | box.appendChild(renderer.domElement);; 45 | 46 | const controls = new OrbitControls(camera, renderer.domElement); 47 | controls.addEventListener('change', function () { 48 | renderer.render(scene, camera); 49 | }); -------------------------------------------------------------------------------- /threeExamples/expand/tilesMap.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import * as tt from 'three-tile' 4 | import * as plugin from "three-tile/plugin" 5 | 6 | const box = document.getElementById('box') 7 | 8 | const scene = new THREE.Scene() 9 | 10 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 11 | 12 | camera.position.set(0, 10000, 0) 13 | 14 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 15 | 16 | renderer.setSize(box.clientWidth, box.clientHeight) 17 | 18 | box.appendChild(renderer.domElement) 19 | 20 | new OrbitControls(camera, renderer.domElement) 21 | 22 | scene.add(new THREE.AmbientLight(0xffffff, 5)) 23 | 24 | animate() 25 | 26 | function animate() { 27 | 28 | requestAnimationFrame(animate) 29 | 30 | renderer.render(scene, camera) 31 | 32 | } 33 | 34 | const map = new tt.TileMap({ 35 | imgSource: [new plugin.ArcGisSource(), new plugin.GDSource()], 36 | minLevel: 2, 37 | maxLevel: 18, 38 | lon0: 90 39 | }) 40 | map.scale.multiplyScalar(0.001) 41 | map.rotateX(-Math.PI / 2) 42 | scene.add(map) 43 | 44 | window.onresize = () => { 45 | 46 | renderer.setSize(box.clientWidth, box.clientHeight) 47 | 48 | camera.aspect = box.clientWidth / box.clientHeight 49 | 50 | camera.updateProjectionMatrix() 51 | 52 | } 53 | 54 | -------------------------------------------------------------------------------- /cesiumExamples/layer/defaultLayer.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | // Cesium官网的token 4 | Cesium.Ion.defaultAccessToken = "your-cesium-ion-access-token" 5 | 6 | const box = document.getElementById('box') 7 | 8 | const viewer = new Cesium.Viewer(box, { 9 | 10 | imageryProvider: false, //关闭默认底图 11 | 12 | animation: false,//是否创建动画小器件,左下角仪表 13 | 14 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 15 | 16 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 17 | 18 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 19 | 20 | homeButton: false,//是否显示Home按钮,右上角home按钮 21 | 22 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 23 | 24 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 25 | 26 | navigationHelpButton: false,//是否显示右上角的帮助按钮 27 | 28 | selectionIndicator: false,//是否显示选取指示器组件 29 | 30 | timeline: false,//是否显示时间轴 31 | 32 | infoBox: false,//是否显示信息框 33 | 34 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 35 | 36 | orderIndependentTranslucency: false, //是否启用无序透明 37 | 38 | contextOptions: { webgl: { alpha: true } }, 39 | 40 | skyBox: new Cesium.SkyBox({ show: false }) 41 | 42 | }) 43 | 44 | viewer.scene.sun.show = false 45 | 46 | viewer.scene.moon.show = false 47 | 48 | viewer.scene.skyBox.show = false 49 | 50 | viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0) 51 | 52 | viewer._cesiumWidget._creditContainer.style.display = "none" 53 | 54 | console.log(Cesium.VERSION) -------------------------------------------------------------------------------- /threeExamples/basic/全屏.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | 4 | // 场景 5 | const scene = new THREE.Scene();// 创建场景 6 | const geometry = new THREE.BoxGeometry(10, 60, 100); //几何体 7 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 8 | const mesh = new THREE.Mesh(geometry, material); //网格模型 9 | mesh.position.set(0, 10, 0); //网格模型位置 10 | scene.add(mesh); //场景添加网格模型 11 | 12 | // AxesHelper 13 | const axesHelper = new THREE.AxesHelper(150); 14 | scene.add(axesHelper); 15 | 16 | // 相机 17 | const camera = new THREE.PerspectiveCamera(); //相机 18 | camera.position.set(200, 200, 200); //相机位置 19 | camera.lookAt(0, 10, 0); //相机观察位置 20 | 21 | // 渲染器 22 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 23 | const box = document.getElementById('box'); 24 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 25 | renderer.render(scene, camera); //执行渲染 26 | 27 | 28 | box.appendChild(renderer.domElement);; 29 | 30 | // onresize 事件会在窗口被调整大小时发生 31 | window.onresize = function () { 32 | // 重置渲染器输出画布canvas尺寸 33 | const box = document.getElementById('box'); 34 | renderer.setSize(box.clientWidth, box.clientHeight); 35 | // 全屏情况下:设置观察范围长宽比aspect为窗口宽高比 36 | camera.aspect = window.innerWidth / window.innerHeight; 37 | // 渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix 38 | // 但是不会每渲染一帧,就通过相机的属性计算投影矩阵(节约计算资源) 39 | // 如果相机的一些属性发生了变化,需要执行updateProjectionMatrix ()方法更新相机的投影矩阵 40 | camera.updateProjectionMatrix(); 41 | }; 42 | 43 | -------------------------------------------------------------------------------- /threeExamples/basic/阵列模型.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | // 场景 6 | const scene = new THREE.Scene();// 创建场景 7 | const geometry = new THREE.BoxGeometry(5, 5, 5); 8 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 9 | for (let i = 0; i < 10; i++) { 10 | for (let j = 0; j < 10; j++) { 11 | for (let k = 0; k < 10; k++) { 12 | const mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh 13 | mesh.position.set(i * 20, k * 20, j * 20); 14 | scene.add(mesh); //网格模型添加到场景中 15 | } 16 | } 17 | } 18 | 19 | // AxesHelper 20 | const axesHelper = new THREE.AxesHelper(150); 21 | scene.add(axesHelper); 22 | 23 | // 相机 24 | const camera = new THREE.PerspectiveCamera(); //相机 25 | camera.position.set(500, 500, 500); //相机位置 26 | camera.lookAt(0, 50, 0); //相机观察位置 27 | 28 | // 渲染器 29 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 30 | const box = document.getElementById('box'); 31 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 32 | renderer.render(scene, camera); //执行渲染 33 | box.appendChild(renderer.domElement);; 34 | 35 | 36 | // 设置相机控件轨道控制器OrbitControls 37 | const controls = new OrbitControls(camera, renderer.domElement); 38 | // 如果OrbitControls改变了相机参数,重新调用渲染器渲染三维场景 39 | controls.addEventListener('change', function () { 40 | renderer.render(scene, camera); //执行渲染操作 41 | console.log(camera.position) 42 | });//监听鼠标、键盘事件 -------------------------------------------------------------------------------- /threeExamples/application/gridFloor.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 9 | 10 | camera.position.set(50, 50, 50) 11 | 12 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | box.appendChild(renderer.domElement) 17 | 18 | new OrbitControls(camera, renderer.domElement) 19 | 20 | scene.add(new THREE.AxesHelper(100)) 21 | 22 | const map = new THREE.TextureLoader().load(HOST + 'files/images/grid.png') 23 | 24 | const material = new THREE.MeshStandardMaterial({ 25 | map, 26 | side: THREE.DoubleSide, 27 | transparent: true, 28 | emissive: 0x309df1, // 自发光颜色 29 | emissiveIntensity: 1, // 自发光强度 30 | }) 31 | 32 | const floor = new THREE.Mesh( 33 | new THREE.PlaneGeometry(100, 100), 34 | material 35 | ) 36 | 37 | floor.rotation.x = -Math.PI / 2 38 | 39 | scene.add(floor) 40 | 41 | animate() 42 | 43 | function animate() { 44 | 45 | requestAnimationFrame(animate) 46 | 47 | renderer.render(scene, camera) 48 | 49 | } 50 | 51 | window.onresize = () => { 52 | 53 | renderer.setSize(box.clientWidth, box.clientHeight) 54 | 55 | camera.aspect = box.clientWidth / box.clientHeight 56 | 57 | camera.updateProjectionMatrix() 58 | 59 | } 60 | 61 | -------------------------------------------------------------------------------- /threeExamples/basic/光线.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | 4 | // 1、影响哪些材质 5 | // 不影响:MeshBasicMaterial(基础) 6 | // 影像: MeshLambertMaterial(漫反射)、MeshPhongMaterial(高光)、MeshPhysicalMaterial(物理)、MeshStandardMaterial(物理) 7 | 8 | // 2、光源(分类、颜色、强度、衰减、位置) 9 | // PointLight(点光源)、SpotLight(聚光灯)、DirectionalLight(平行光)、AmbientLight(环境光) 10 | 11 | // 场景 12 | const scene = new THREE.Scene();// 创建场景 13 | const geometry = new THREE.BoxGeometry(100, 100, 100); //几何体 14 | const material = new THREE.MeshLambertMaterial(); //材质 15 | const mesh = new THREE.Mesh(geometry, material); //网格模型 16 | mesh.position.set(0, 10, 0); //网格模型位置 17 | scene.add(mesh); //场景添加网格模型 18 | 19 | // AxesHelper 20 | const axesHelper = new THREE.AxesHelper(150); 21 | scene.add(axesHelper); 22 | 23 | // ---------光源----------- 24 | const directionalLight = new THREE.DirectionalLight(0xff00ff, 1.0); //颜色、强度 25 | directionalLight.position.set(100, 0, 200); //位置 26 | scene.add(directionalLight); //点光源添加到场景中 27 | 28 | // -----------光源参考线----------- 29 | const dirLightHelper = new THREE.DirectionalLightHelper(directionalLight, 5, 0xff0000); 30 | scene.add(dirLightHelper); 31 | 32 | // 相机 33 | const camera = new THREE.PerspectiveCamera(); //相机 34 | camera.position.set(200, 200, 200); //相机位置 35 | camera.lookAt(0, 10, 0); //相机观察位置 36 | 37 | // 渲染器 38 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 39 | const box = document.getElementById('box'); 40 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 41 | renderer.render(scene, camera); //执行渲染 42 | box.appendChild(renderer.domElement); 43 | -------------------------------------------------------------------------------- /threeExamples/basic/modelSky.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js" 4 | 5 | const box = document.getElementById('box') 6 | 7 | const scene = new THREE.Scene() 8 | 9 | const camera = new THREE.PerspectiveCamera(50, box.clientWidth / box.clientHeight, 0.1, 100) 10 | 11 | camera.position.set(0, 5, 20) 12 | 13 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 14 | 15 | renderer.setClearColor(0xffffff, 1) 16 | 17 | renderer.setSize(box.clientWidth, box.clientHeight) 18 | 19 | box.appendChild(renderer.domElement) 20 | 21 | const controls = new OrbitControls(camera, renderer.domElement) 22 | 23 | controls.enableDamping = true 24 | 25 | animate() 26 | 27 | function animate() { 28 | 29 | requestAnimationFrame(animate) 30 | 31 | controls.update() 32 | 33 | renderer.render(scene, camera) 34 | 35 | } 36 | 37 | window.onresize = () => { 38 | 39 | renderer.setSize(box.clientWidth, box.clientHeight) 40 | 41 | camera.aspect = box.clientWidth / box.clientHeight 42 | 43 | camera.updateProjectionMatrix() 44 | 45 | } 46 | 47 | const gird = new THREE.GridHelper(100, 20) 48 | 49 | scene.add(gird) 50 | 51 | const axes = new THREE.AxesHelper(1000) 52 | 53 | scene.add(axes) 54 | 55 | new GLTFLoader().load(FILE_HOST + "models/glb/gltfSky/scene.gltf", (gltf) => { 56 | 57 | scene.add(gltf.scene) 58 | 59 | renderer.setAnimationLoop(() => gltf.scene.rotation.y += 0.005) 60 | 61 | }) -------------------------------------------------------------------------------- /threeExamples/basic/相机控件.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | // 场景 6 | const scene = new THREE.Scene();// 创建场景 7 | const geometry = new THREE.BoxGeometry(10, 60, 100); //几何体 8 | const material = new THREE.MeshLambertMaterial(); //材质 9 | const mesh = new THREE.Mesh(geometry, material); //网格模型 10 | mesh.position.set(0, 10, 0); //网格模型位置 11 | scene.add(mesh); //场景添加网格模型 12 | 13 | // AxesHelper 14 | const axesHelper = new THREE.AxesHelper(150); 15 | scene.add(axesHelper); 16 | 17 | // 光源 18 | const pointLight = new THREE.DirectionalLight(0xff00ff, 1.0); //颜色、强度 19 | pointLight.position.set(200, 300, 400); //位置 20 | scene.add(pointLight); //点光源添加到场景中 21 | 22 | // 光源参考线 23 | const dirLightHelper = new THREE.DirectionalLightHelper(pointLight, 5, 0xff0000); 24 | scene.add(dirLightHelper); 25 | 26 | // 相机 27 | const camera = new THREE.PerspectiveCamera(); //相机 28 | camera.position.set(200, 200, 200); //相机位置 29 | camera.lookAt(0, 10, 0); //相机观察位置 30 | 31 | // 渲染器 32 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 33 | const box = document.getElementById('box'); 34 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 35 | renderer.render(scene, camera); //执行渲染 36 | box.appendChild(renderer.domElement); 37 | 38 | // 设置相机控件轨道控制器OrbitControls 39 | const controls = new OrbitControls(camera, renderer.domElement); 40 | // 如果OrbitControls改变了相机参数,重新调用渲染器渲染三维场景 41 | controls.addEventListener('change', function () { 42 | renderer.render(scene, camera); //执行渲染操作 43 | console.log(camera.position) 44 | });//监听鼠标、键盘事件 45 | -------------------------------------------------------------------------------- /threeExamples/basic/skyAndEnv.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(50, box.clientWidth / box.clientHeight, 0.1, 1000) 9 | 10 | camera.position.set(0, 10, 10) 11 | 12 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | box.appendChild(renderer.domElement) 17 | 18 | const controls = new OrbitControls(camera, renderer.domElement) 19 | 20 | controls.enableDamping = true 21 | 22 | animate() 23 | 24 | function animate() { 25 | 26 | requestAnimationFrame(animate) 27 | 28 | controls.update() 29 | 30 | renderer.render(scene, camera) 31 | 32 | } 33 | 34 | window.onresize = () => { 35 | 36 | renderer.setSize(box.clientWidth, box.clientHeight) 37 | 38 | camera.aspect = box.clientWidth / box.clientHeight 39 | 40 | camera.updateProjectionMatrix() 41 | 42 | } 43 | 44 | // 文件地址 45 | const urls = [0, 1, 2, 3, 4, 5].map(k => (FILE_HOST + 'files/sky/skyBox0/' + (k + 1) + '.png')); 46 | 47 | const textureCube = new THREE.CubeTextureLoader().load(urls); 48 | 49 | scene.background = textureCube; 50 | 51 | // 环境贴图 52 | const boxGeometry = new THREE.BoxGeometry(10, 10, 10); 53 | 54 | const boxMaterial = new THREE.MeshStandardMaterial({ color: 0xffffff, envMap: textureCube, metalness: 1, roughness: 0 }); 55 | 56 | const boxMesh = new THREE.Mesh(boxGeometry, boxMaterial); 57 | 58 | scene.add(boxMesh); 59 | -------------------------------------------------------------------------------- /threeExamples/basic/点线.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | const scene = new THREE.Scene(); 6 | 7 | // 网格模型Mesh其实就一个一个三角形(面)拼接构成 8 | const geometry = new THREE.BufferGeometry(); 9 | const vertices = new Float32Array([ 10 | 0, 0, 0, 11 | 50, 0, 0, 12 | 50, 0, 50, 13 | 14 | 0, 0, 0, 15 | 0, 0, 50, 16 | 50, 0, 50, 17 | ]); 18 | 19 | geometry.attributes.position = new THREE.BufferAttribute(vertices, 3); 20 | 21 | 22 | // 点渲染模式 23 | const material2 = new THREE.PointsMaterial({ 24 | color: 0xffff00, 25 | size: 10.0 //点对象像素尺寸 26 | }); 27 | const points = new THREE.Points(geometry, material2); //点模型对象 28 | scene.add(points); 29 | 30 | // 线材质对象 31 | const material1 = new THREE.LineBasicMaterial({ 32 | color: 0xff0000 //线条颜色 33 | }); 34 | // 创建线模型对象 35 | const line = new THREE.Line(geometry, material1); 36 | scene.add(line); 37 | 38 | 39 | // AxesHelper 40 | const axesHelper = new THREE.AxesHelper(150); 41 | scene.add(axesHelper); 42 | 43 | // 相机 44 | const camera = new THREE.PerspectiveCamera(); //相机 45 | camera.position.set(200, 200, 200); //相机位置 46 | camera.lookAt(0, 0, 0); //相机观察位置 47 | 48 | // 渲染器 49 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 50 | const box = document.getElementById('box'); 51 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 52 | renderer.render(scene, camera); //执行渲染 53 | box.appendChild(renderer.domElement);; 54 | 55 | const controls = new OrbitControls(camera, renderer.domElement); 56 | controls.addEventListener('change', function () { 57 | renderer.render(scene, camera); 58 | }); -------------------------------------------------------------------------------- /threeExamples/physics/ammoPhysics.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/addons/controls/OrbitControls.js' 3 | import { AmmoPhysics } from 'three/addons/physics/AmmoPhysics.js' 4 | 5 | const box = document.getElementById('box') 6 | 7 | const scene = new THREE.Scene() 8 | 9 | const camera = new THREE.PerspectiveCamera(60, box.clientWidth / box.clientHeight, 1, 10000) 10 | 11 | camera.position.set(15, 15, 15) 12 | 13 | const renderer = new THREE.WebGLRenderer({ antialias: true }) 14 | 15 | renderer.setSize(box.clientWidth, box.clientHeight) 16 | 17 | box.appendChild(renderer.domElement) 18 | 19 | new OrbitControls(camera, renderer.domElement) 20 | 21 | scene.add(new THREE.DirectionalLight(0xffffff, 3)) 22 | 23 | // 安装 24 | const physics = await AmmoPhysics() 25 | 26 | const floor = new THREE.Mesh(new THREE.BoxGeometry(60, 5, 60), new THREE.MeshLambertMaterial({ color: 0x444444 })) 27 | 28 | floor.position.y -= 20 29 | 30 | floor.userData.physics = { mass: 0 } 31 | 32 | scene.add(floor) 33 | 34 | for (let i = 0; i < 100; i++) { 35 | 36 | const geometry = Math.random() > 0.5 ? new THREE.IcosahedronGeometry() : new THREE.SphereGeometry() 37 | 38 | const material = new THREE.MeshLambertMaterial({ color: 0xffffff * Math.random() }) 39 | 40 | const mesh = new THREE.Mesh(geometry, material) 41 | 42 | mesh.position.set(Math.random() - 0.5, Math.random() * 2, Math.random() - 0.5) 43 | 44 | mesh.userData.physics = { mass: 1 } 45 | 46 | scene.add(mesh) 47 | 48 | } 49 | 50 | physics.addScene(scene) // 启动物理引擎 51 | 52 | animate() 53 | 54 | function animate() { 55 | 56 | renderer.render(scene, camera) 57 | 58 | requestAnimationFrame(animate) 59 | 60 | } -------------------------------------------------------------------------------- /threeExamples/application/vrVideo.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 9 | 10 | camera.position.set(2, 2, 2) 11 | 12 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 13 | 14 | renderer.setPixelRatio(window.devicePixelRatio * 1.5) 15 | 16 | renderer.setSize(box.clientWidth, box.clientHeight) 17 | 18 | box.appendChild(renderer.domElement) 19 | 20 | const controls = new OrbitControls(camera, renderer.domElement) 21 | controls.enableDamping = true 22 | 23 | const video = document.createElement('video') 24 | video.crossOrigin = 'anonymous' 25 | video.src = FILE_HOST + 'video/vr.mp4' 26 | video.loop = true 27 | video.muted = true 28 | video.play() 29 | 30 | const texture = new THREE.VideoTexture(video) 31 | const geometry = new THREE.SphereGeometry(100, 64, 32) 32 | 33 | const material = new THREE.MeshBasicMaterial({ 34 | map: texture, 35 | side: THREE.DoubleSide, 36 | }) 37 | 38 | const mesh = new THREE.Mesh(geometry, material) 39 | scene.add(mesh) 40 | 41 | animate() 42 | 43 | function animate() { 44 | 45 | controls.update() 46 | 47 | mesh.rotation.y += 0.001 48 | 49 | requestAnimationFrame(animate) 50 | 51 | renderer.render(scene, camera) 52 | 53 | } 54 | 55 | window.onresize = () => { 56 | 57 | renderer.setSize(box.clientWidth, box.clientHeight) 58 | 59 | camera.aspect = box.clientWidth / box.clientHeight 60 | 61 | camera.updateProjectionMatrix() 62 | 63 | } 64 | -------------------------------------------------------------------------------- /cesiumExamples/basic/multBox.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer')), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | const instances = []; 22 | 23 | for (let i = 0; i < 10000; i++) { 24 | 25 | const longitude = Math.random() * 360 - 180; 26 | 27 | const latitude = Math.random() * 180 - 90; 28 | 29 | const position = Cesium.Cartesian3.fromDegrees(longitude, latitude, 0); 30 | 31 | const dimensions = new Cesium.Cartesian3(40000.0, 30000.0, 500000.0); 32 | 33 | const color = Cesium.Color.RED.withAlpha(0.2); 34 | 35 | instances.push(new Cesium.GeometryInstance({ 36 | 37 | geometry: new Cesium.BoxGeometry.fromDimensions({ 38 | 39 | vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT, 40 | 41 | dimensions: dimensions 42 | 43 | }), 44 | 45 | modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame(position), 46 | 47 | attributes: { 48 | 49 | color: Cesium.ColorGeometryInstanceAttribute.fromColor(color) 50 | 51 | } 52 | 53 | })); 54 | 55 | } 56 | 57 | viewer.scene.primitives.add(new Cesium.Primitive({ 58 | 59 | geometryInstances: instances, 60 | 61 | appearance: new Cesium.PerInstanceColorAppearance() 62 | 63 | })); -------------------------------------------------------------------------------- /threeExamples/basic/顶点颜色.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | const scene = new THREE.Scene(); 6 | 7 | // 网格模型Mesh其实就一个一个三角形(面)拼接构成 8 | const geometry = new THREE.BufferGeometry(); 9 | const vertices = new Float32Array([ 10 | 0, 0, 0, 11 | 50, 0, 0, 12 | 50, 0, 50, 13 | 14 | 0, 0, 0, 15 | 0, 0, 50, 16 | 50, 0, 50, 17 | ]); 18 | 19 | geometry.attributes.position = new THREE.BufferAttribute(vertices, 3); 20 | 21 | const colors = new Float32Array([ 22 | 1, 1, 1, //顶点1颜色 23 | 1, 1, 0, //顶点2颜色 24 | 1, 1, 1, //顶点3颜色 25 | 1, 0, 0, //顶点4颜色 26 | 0, 1, 1, //顶点5颜色 27 | 0, 0, 1, //顶点6颜色 28 | ]); 29 | geometry.attributes.color = new THREE.BufferAttribute(colors, 3) 30 | 31 | // 点颜色 32 | const material = new THREE.PointsMaterial({ 33 | vertexColors: colors, 34 | size: 10.0 35 | }) 36 | const points = new THREE.Points(geometry, material) 37 | scene.add(points) 38 | 39 | 40 | // 网格颜色 41 | const mesh = new THREE.Mesh(geometry, material) 42 | scene.add(mesh) 43 | 44 | 45 | // AxesHelper 46 | const axesHelper = new THREE.AxesHelper(150); 47 | scene.add(axesHelper); 48 | 49 | // 相机 50 | const camera = new THREE.PerspectiveCamera(); //相机 51 | camera.position.set(200, 200, 200); //相机位置 52 | camera.lookAt(0, 0, 0); //相机观察位置 53 | 54 | // 渲染器 55 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 56 | const box = document.getElementById('box'); 57 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 58 | renderer.render(scene, camera); //执行渲染 59 | box.appendChild(renderer.domElement);; 60 | 61 | const controls = new OrbitControls(camera, renderer.domElement); 62 | controls.addEventListener('change', function () { 63 | renderer.render(scene, camera); 64 | }); -------------------------------------------------------------------------------- /cesiumExamples/basic/loadModel.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer')), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | // 3dtiles 模型 22 | const tileset = await Cesium.Cesium3DTileset.fromUrl(FILE_HOST + '3dtiles/test/tileset.json') 23 | 24 | viewer.scene.primitives.add(tileset) 25 | 26 | adjust3dtilesPosition(tileset) 27 | 28 | // 设置视角 29 | viewer.camera.viewBoundingSphere(tileset.boundingSphere, new Cesium.HeadingPitchRange(0, -0.5, 0)) 30 | 31 | // gltf 模型 放到 3dtiles 模型中心 32 | viewer.entities.add({ 33 | 34 | name: 'gltf', 35 | 36 | position: tileset.boundingSphere.center, 37 | 38 | model: { 39 | 40 | uri: HOST + '/files/model/car.glb', 41 | 42 | minimumPixelSize: 128, 43 | 44 | maximumScale: 200, 45 | 46 | } 47 | 48 | }) 49 | 50 | // 贴地 51 | function adjust3dtilesPosition(tileset) { 52 | 53 | const boundingSphere = tileset.boundingSphere 54 | 55 | const cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center) // 获取中心点 56 | 57 | const surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0) // 获取表面点 58 | 59 | const offset = Cesium.Cartesian3.subtract(surface, boundingSphere.center, new Cesium.Cartesian3()) // 计算偏移 60 | 61 | tileset.modelMatrix = Cesium.Matrix4.fromTranslation(offset) // 设置偏移 62 | 63 | } 64 | -------------------------------------------------------------------------------- /threeExamples/other/glbTest.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js' 4 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js' 5 | 6 | const box = document.getElementById('box') 7 | 8 | const scene = new THREE.Scene() 9 | 10 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 11 | 12 | camera.position.set(10, 10, 10) 13 | 14 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 15 | 16 | renderer.setSize(box.clientWidth, box.clientHeight) 17 | 18 | box.appendChild(renderer.domElement) 19 | 20 | new OrbitControls(camera, renderer.domElement) 21 | 22 | window.onresize = () => { 23 | 24 | renderer.setSize(box.clientWidth, box.clientHeight) 25 | 26 | camera.aspect = box.clientWidth / box.clientHeight 27 | 28 | camera.updateProjectionMatrix() 29 | 30 | } 31 | 32 | animate() 33 | 34 | function animate() { 35 | 36 | requestAnimationFrame(animate) 37 | 38 | renderer.render(scene, camera) 39 | 40 | } 41 | 42 | 43 | const loader = new GLTFLoader() 44 | 45 | loader.setDRACOLoader(new DRACOLoader().setDecoderPath(FILE_HOST + 'js/three/draco/')) 46 | 47 | const urls = [0, 1, 2, 3, 4, 5].map(k => (FILE_HOST + 'files/sky/skyBox0/' + (k + 1) + '.png')); 48 | 49 | const textureCube = new THREE.CubeTextureLoader().load(urls); 50 | 51 | loader.load( 52 | 53 | FILE_HOST + '/files/model/LittlestTokyo.glb', 54 | 55 | gltf => { 56 | 57 | gltf.scene.traverse(child => { 58 | 59 | if (child.isMesh) child.material.envMap = textureCube 60 | 61 | }) 62 | 63 | scene.add(gltf.scene) 64 | 65 | } 66 | 67 | ) 68 | 69 | 70 | -------------------------------------------------------------------------------- /cesiumExamples/layer/terrainLayer.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | // 如果出现地图没加载出地球 可能是多人访问公用token导致的问题,换成你自己的token 就好 4 | Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjOTVhZGI5Zi0wMTYzLTQ2MWEtYTBjYS02OTc5ZGNkNTY3ZDMiLCJpZCI6NTcwNzEsImlhdCI6MTc2MjQ3OTkyNH0.1bx7V2IFDE_Id5uqrQx-pJvRlzH34NDa2zc8vDY-Y0w" 5 | 6 | const box = document.getElementById('box') 7 | 8 | const viewer = new Cesium.Viewer(box, { 9 | 10 | animation: false,//是否创建动画小器件,左下角仪表 11 | 12 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 13 | 14 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 15 | 16 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 17 | 18 | homeButton: false,//是否显示Home按钮,右上角home按钮 19 | 20 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 21 | 22 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 23 | 24 | navigationHelpButton: false,//是否显示右上角的帮助按钮 25 | 26 | selectionIndicator: false,//是否显示选取指示器组件 27 | 28 | timeline: false,//是否显示时间轴 29 | 30 | infoBox: false,//是否显示信息框 31 | 32 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 33 | 34 | orderIndependentTranslucency: false, //是否启用无序透明 35 | 36 | contextOptions: { webgl: { alpha: true } }, 37 | 38 | skyBox: new Cesium.SkyBox({ show: false }) 39 | 40 | }) 41 | 42 | viewer.scene.sun.show = false 43 | 44 | viewer.scene.moon.show = false 45 | 46 | viewer.scene.skyBox.show = false 47 | 48 | viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0) 49 | 50 | viewer._cesiumWidget._creditContainer.style.display = "none" 51 | 52 | // 加载地形 53 | // viewer.terrainProvider = await Cesium.CesiumTerrainProvider.fromIonAssetId(3957, { 54 | 55 | // requestWaterMask: true, 56 | 57 | // requestVertexNormals: true 58 | 59 | // }) 60 | 61 | viewer.terrainProvider = await Cesium.createWorldTerrainAsync({ 62 | 63 | requestWaterMask: true, 64 | 65 | requestVertexNormals: true 66 | 67 | }) -------------------------------------------------------------------------------- /cesiumExamples/layer/wmts.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | animation: false,//是否创建动画小器件,左下角仪表 7 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 8 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 9 | imageryProvider: false, 10 | geocoder: false,//是否显示geocoder小器件,右上角查询按钮 11 | homeButton: false,//是否显示Home按钮,右上角home按钮 12 | sceneMode: Cesium.SceneMode.SCENE3D,//初始场景模式 13 | sceneModePicker: false,//是否显示3D/2D选择器,右上角按钮 14 | navigationHelpButton: false,//是否显示右上角的帮助按钮 15 | selectionIndicator: false,//是否显示选取指示器组件 16 | timeline: false,//是否显示时间轴 17 | infoBox: false,//是否显示信息框 18 | scene3DOnly: true,//如果设置为true,则所有几何图形以3D模式绘制以节约GPU资源 19 | orderIndependentTranslucency: false, //是否启用无序透明 20 | contextOptions: { webgl: { alpha: true } }, 21 | skyBox: new Cesium.SkyBox({ show: false }) 22 | }) 23 | 24 | 25 | // 加载天地图wmts 26 | var _layer = 'vec'; 27 | var token = 'bcc62222fc634ec736589c483de933e6'; 28 | var maxLevel = 18; 29 | var matrixIds = new Array(maxLevel); 30 | for (var z = 0; z <= maxLevel; z++) { 31 | matrixIds[z] = (z + 1).toString(); 32 | } 33 | var _url = 'https://t{s}.tianditu.gov.cn/' + _layer + '_c/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={TileMatrix}&layer=' + _layer + '&style={style}&tilerow={TileRow}&tilecol={TileCol}&tilematrixset={TileMatrixSet}&format=tiles&tk=' + token; 34 | var wmts = new Cesium.WebMapTileServiceImageryProvider({ 35 | url: _url, 36 | layer: _layer, 37 | credit: 'opts.credit', 38 | style: 'default', 39 | format: 'tiles', 40 | tileMatrixSetID: 'c', 41 | subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'], 42 | tileMatrixLabels: matrixIds, 43 | tilingScheme: new Cesium.GeographicTilingScheme(), //WebMercatorTilingScheme、GeographicTilingScheme 44 | maximumLevel: maxLevel 45 | }); 46 | viewer.imageryLayers.addImageryProvider(wmts) 47 | -------------------------------------------------------------------------------- /threeExamples/basic/renderTarget.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js' 4 | 5 | const box = document.getElementById('box') 6 | 7 | const scene = new THREE.Scene() 8 | 9 | const camera = new THREE.PerspectiveCamera(50, box.clientWidth / box.clientHeight, 0.1, 100000) 10 | 11 | camera.position.set(2, 0, 9) 12 | 13 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 14 | 15 | renderer.setSize(box.clientWidth, box.clientHeight) 16 | 17 | box.appendChild(renderer.domElement) 18 | 19 | new OrbitControls(camera, renderer.domElement) 20 | 21 | const urls = [0, 1, 2, 3, 4, 5].map(k => (FILE_HOST + 'files/sky/skyBox0/' + (k + 1) + '.png')); 22 | 23 | const textureCube = new THREE.CubeTextureLoader().load(urls); 24 | 25 | scene.background = textureCube; 26 | 27 | const renderTarget = new THREE.WebGLRenderTarget(box.clientWidth, box.clientHeight) 28 | 29 | new GLTFLoader().load( 30 | 31 | FILE_HOST + 'models/glb/computer.glb', 32 | 33 | gltf => { 34 | 35 | const model = gltf.scene 36 | 37 | model.traverse(child => child.layers.set(1)) 38 | 39 | scene.add(model) 40 | 41 | } 42 | 43 | ) 44 | 45 | const plane = new THREE.Mesh(new THREE.PlaneGeometry(4, 4), new THREE.MeshBasicMaterial({ map: renderTarget.texture })) 46 | 47 | scene.add(plane) 48 | 49 | const sphere = new THREE.Mesh(new THREE.SphereGeometry(1, 32, 32), new THREE.MeshBasicMaterial({ map: renderTarget.texture })) 50 | 51 | sphere.position.set(3, 0, 0) 52 | 53 | scene.add(sphere) 54 | 55 | animate() 56 | 57 | function animate() { 58 | 59 | camera.layers.set(1) 60 | 61 | renderer.setRenderTarget(renderTarget) 62 | 63 | renderer.render(scene, camera) 64 | 65 | camera.layers.set(0) 66 | 67 | renderer.setRenderTarget(null) 68 | 69 | renderer.render(scene, camera) 70 | 71 | requestAnimationFrame(animate) 72 | 73 | } 74 | 75 | -------------------------------------------------------------------------------- /threeExamples/basic/gradientTriangle.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 1000) 9 | 10 | camera.position.set(0, 0, 500) 11 | 12 | const renderer = new THREE.WebGLRenderer() 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | new OrbitControls(camera, renderer.domElement) 17 | 18 | window.onresize = () => { 19 | 20 | renderer.setSize(box.clientWidth, box.clientHeight) 21 | 22 | camera.aspect = box.clientWidth / box.clientHeight 23 | 24 | camera.updateProjectionMatrix() 25 | 26 | } 27 | 28 | box.appendChild(renderer.domElement) 29 | 30 | initObject(); 31 | function initObject() { 32 | let geometry = new THREE.BufferGeometry(); // 使用BufferGeometry 33 | 34 | let vertices = new Float32Array([ 35 | 0, 0, 0, // 顶点p1 36 | 0, 200, 0, // 顶点p2 37 | 200, 0, 0 // 顶点p3 38 | ]); 39 | 40 | geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3)); 41 | 42 | let colors = [ 43 | 1.0, 0.0, 0.0, // 颜色1 (红色) 44 | 0.0, 1.0, 0.0, // 颜色2 (绿色) 45 | 0.0, 0.0, 1.0 // 颜色3 (蓝色) 46 | ]; 47 | 48 | // 创建顶点颜色属性 49 | let colorAttribute = new THREE.BufferAttribute(new Float32Array(colors), 3); 50 | geometry.setAttribute('color', colorAttribute); 51 | 52 | // 定义索引,创建三角形面 53 | let indices = [ 54 | 0, 1, 2 // 索引0, 1, 2 表示顶点数组中的p1, p2, p3 55 | ]; 56 | let indexAttribute = new THREE.BufferAttribute(new Uint16Array(indices), 1); 57 | geometry.setIndex(indexAttribute); 58 | 59 | let material = new THREE.MeshBasicMaterial({ 60 | vertexColors: true, 61 | side: THREE.DoubleSide, 62 | wireframe: false 63 | }); 64 | 65 | let obj = new THREE.Mesh(geometry, material); 66 | scene.add(obj); 67 | } 68 | function animate() { 69 | 70 | requestAnimationFrame(animate) 71 | renderer.render(scene, camera) 72 | 73 | } 74 | 75 | animate() -------------------------------------------------------------------------------- /threeExamples/basic/索引.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | const scene = new THREE.Scene(); 6 | 7 | // 网格模型Mesh其实就一个一个三角形(面)拼接构成 8 | const geometry = new THREE.BufferGeometry(); 9 | const vertices = new Float32Array([ 10 | 0, 0, 0, 11 | 50, 0, 0, 12 | 50, 0, 50, 13 | 14 | // 0, 0, 0, 15 | 0, 0, 50, 16 | // 50, 0, 50, 17 | ]); 18 | 19 | // 下面索引值对应顶点位置数据中的顶点坐标 20 | // 第 0、1、2这三个点构成一个三角形 21 | // 第 0、3、2这三个点构成一个三角形 22 | const indexes = new Uint16Array([ 23 | 0, 1, 2, 0, 3, 2, 24 | ]) 25 | 26 | geometry.index = new THREE.BufferAttribute(indexes, 1); 27 | 28 | geometry.attributes.position = new THREE.BufferAttribute(vertices, 3); 29 | 30 | 31 | // 点渲染模式 32 | const material2 = new THREE.PointsMaterial({ 33 | color: 0xffff00, 34 | size: 10.0 //点对象像素尺寸 35 | }); 36 | const points = new THREE.Points(geometry, material2); //点模型对象 37 | scene.add(points); 38 | 39 | // 线材质对象 40 | const material1 = new THREE.LineBasicMaterial({ 41 | color: 0xff0000 //线条颜色 42 | }); 43 | // 创建线模型对象 44 | const line = new THREE.Line(geometry, material1); 45 | scene.add(line); 46 | 47 | // 网格 48 | const material = new THREE.MeshBasicMaterial({ 49 | color: 0x0000ff, 50 | side: THREE.DoubleSide, 51 | }); 52 | const mesh = new THREE.Mesh(geometry, material); 53 | scene.add(mesh); 54 | 55 | // AxesHelper 56 | const axesHelper = new THREE.AxesHelper(150); 57 | scene.add(axesHelper); 58 | 59 | // 相机 60 | const camera = new THREE.PerspectiveCamera(); //相机 61 | camera.position.set(200, 200, 200); //相机位置 62 | camera.lookAt(0, 0, 0); //相机观察位置 63 | 64 | // 渲染器 65 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 66 | const box = document.getElementById('box'); 67 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 68 | renderer.render(scene, camera); //执行渲染 69 | box.appendChild(renderer.domElement);; 70 | 71 | const controls = new OrbitControls(camera, renderer.domElement); 72 | controls.addEventListener('change', function () { 73 | renderer.render(scene, camera); 74 | }); -------------------------------------------------------------------------------- /threeExamples/shader/grayShader.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 1000) 9 | 10 | camera.position.set(0, 0, 1) 11 | 12 | const renderer = new THREE.WebGLRenderer() 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | box.appendChild(renderer.domElement) 17 | 18 | new OrbitControls(camera, renderer.domElement) 19 | 20 | animate() 21 | 22 | function animate() { 23 | 24 | requestAnimationFrame(animate) 25 | 26 | renderer.render(scene, camera) 27 | 28 | } 29 | 30 | window.onresize = () => { 31 | 32 | renderer.setSize(box.clientWidth, box.clientHeight) 33 | 34 | camera.aspect = box.clientWidth / box.clientHeight 35 | 36 | camera.updateProjectionMatrix() 37 | 38 | } 39 | 40 | const vertexShader = ` 41 | varying vec2 vUv; 42 | void main(){ 43 | vUv = uv; 44 | gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); 45 | }` 46 | 47 | const fragmentShader = ` 48 | #define R_LUMINANCE 0.298912 49 | #define G_LUMINANCE 0.586611 50 | #define B_LUMINANCE 0.114478 51 | 52 | varying vec2 vUv; 53 | uniform sampler2D tDiffuse; 54 | const vec3 monochromeScale = vec3(R_LUMINANCE, G_LUMINANCE, B_LUMINANCE); 55 | 56 | void main() { 57 | vec4 color = texture2D(tDiffuse, vUv); 58 | float grayColor = dot(color.rgb, monochromeScale); 59 | color = vec4(vec3(grayColor), 1.0); 60 | gl_FragColor = vec4(color); 61 | } 62 | ` 63 | 64 | const uniforms = { 65 | 66 | tDiffuse: { type: 't', value: new THREE.TextureLoader().load(HOST + 'files/author/z2586300277.png') } 67 | 68 | } 69 | 70 | const material = new THREE.ShaderMaterial({ uniforms, vertexShader, fragmentShader }); 71 | 72 | const geometry = new THREE.PlaneGeometry(); 73 | 74 | const mesh = new THREE.Mesh(geometry, material); 75 | 76 | scene.add(mesh); 77 | -------------------------------------------------------------------------------- /cesiumExamples/application/globeMap.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer')), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | const primitive = viewer.scene.primitives.add(new Cesium.Primitive({ 22 | geometryInstances: new Cesium.GeometryInstance({ 23 | geometry: new Cesium.EllipsoidGeometry({ 24 | vertexFormat: Cesium.VertexFormat.POSITION_AND_ST, 25 | radii: viewer.scene.globe.ellipsoid.radii, 26 | }), 27 | }), 28 | appearance: new Cesium.EllipsoidSurfaceAppearance({ 29 | material: new Cesium.Material({ 30 | fabric: { 31 | type: "Image", 32 | uniforms: { 33 | image: FILE_HOST + 'images/map/earth_clouds.png', 34 | alpha: 0.5, 35 | // repeat: new Cesium.Cartesian2(4.0, 4.0), 36 | // color: Cesium.Color.YELLOW, 37 | }, 38 | components: { 39 | alpha: "texture(image, fract(materialInput.st * repeat)).r * alpha", 40 | diffuse: "color.rgb", // 使用 color 作为漫反射颜色 41 | }, 42 | }, 43 | }), 44 | translucent: true, // 是否半透明 45 | aboveGround: true, // 是否在地表以上 46 | }) 47 | })) 48 | 49 | let heading = 0 50 | viewer.scene.postRender.addEventListener(() => { 51 | heading += 0.1 52 | primitive.modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame( 53 | new Cesium.Cartesian3(), 54 | new Cesium.HeadingPitchRoll(Cesium.Math.toRadians(heading), 0, 0) 55 | ) 56 | }) 57 | -------------------------------------------------------------------------------- /threeExamples/other/octreeScene.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js' 4 | import { Octree } from 'three/examples/jsm/math/Octree.js'; 5 | 6 | const box = document.getElementById('box') 7 | 8 | const scene = new THREE.Scene() 9 | 10 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 11 | 12 | camera.position.set(3, 3, 3) 13 | 14 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 15 | 16 | renderer.setSize(box.clientWidth, box.clientHeight) 17 | 18 | box.appendChild(renderer.domElement) 19 | 20 | new OrbitControls(camera, renderer.domElement) 21 | 22 | // 创建一个长方体 23 | const geometry = new THREE.CapsuleGeometry(0.5, 1, 10, 10) 24 | 25 | const material = new THREE.MeshNormalMaterial() 26 | 27 | const cube = new THREE.Mesh(geometry, material) 28 | 29 | cube.scale.set(0.1, 0.15, 0.1) 30 | 31 | cube.position.set(0, 1, 0) 32 | 33 | scene.add(cube) 34 | 35 | // 地图 36 | new GLTFLoader().load(FILE_HOST + "models/glb/build3.glb", (gltf) => { 37 | 38 | scene.add(gltf.scene) 39 | 40 | // Octree 41 | const octree = new Octree() 42 | 43 | octree.fromGraphNode(gltf.scene) 44 | 45 | // 文件地址 46 | const urls = [0, 1, 2, 3, 4, 5].map(k => (FILE_HOST + 'files/sky/skyBox0/' + (k + 1) + '.png')); 47 | 48 | const textureCube = new THREE.CubeTextureLoader().load(urls); 49 | 50 | gltf.scene.traverse(i => { 51 | 52 | if (i.isMesh) { 53 | 54 | i.material.envMap = textureCube 55 | 56 | } 57 | 58 | }) 59 | 60 | }) 61 | 62 | animate() 63 | 64 | function animate() { 65 | 66 | requestAnimationFrame(animate) 67 | 68 | renderer.render(scene, camera) 69 | 70 | } 71 | 72 | window.onresize = () => { 73 | 74 | renderer.setSize(box.clientWidth, box.clientHeight) 75 | 76 | camera.aspect = box.clientWidth / box.clientHeight 77 | 78 | camera.updateProjectionMatrix() 79 | 80 | } 81 | 82 | -------------------------------------------------------------------------------- /threeExamples/basic/几何体.js: -------------------------------------------------------------------------------- 1 | 2 | import * as THREE from 'three'; 3 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 4 | 5 | // 场景 6 | const scene = new THREE.Scene();// 创建场景 7 | //BoxGeometry:长方体 8 | const geometry1 = new THREE.BoxGeometry(10, 10, 10); 9 | // SphereGeometry:球体 10 | const geometry2 = new THREE.SphereGeometry(10); 11 | // CylinderGeometry:圆柱 12 | const geometry3 = new THREE.CylinderGeometry(10, 10, 100); 13 | // PlaneGeometry:矩形平面 14 | const geometry4 = new THREE.PlaneGeometry(10, 50); 15 | // CircleGeometry:圆形平面 16 | const geometry5 = new THREE.CircleGeometry(10); 17 | 18 | const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }); //材质 19 | 20 | const mesh1 = new THREE.Mesh(geometry1, material); 21 | mesh1.position.set(0, 0, 0); 22 | const mesh2 = new THREE.Mesh(geometry2, material); 23 | mesh2.position.set(0, 0, 30); 24 | const mesh3 = new THREE.Mesh(geometry3, material); 25 | mesh3.position.set(0, 0, 60); 26 | const mesh4 = new THREE.Mesh(geometry4, material); 27 | mesh4.position.set(0, 0, 90); 28 | const mesh5 = new THREE.Mesh(geometry5, material); 29 | mesh5.position.set(0, 0, 120); 30 | 31 | scene.add(mesh1); 32 | scene.add(mesh2); 33 | scene.add(mesh3); 34 | scene.add(mesh4); 35 | scene.add(mesh5); 36 | 37 | // AxesHelper 38 | const axesHelper = new THREE.AxesHelper(150); 39 | scene.add(axesHelper); 40 | 41 | // 相机 42 | const camera = new THREE.PerspectiveCamera(); //相机 43 | camera.position.set(400, 300, 500); //相机位置 44 | camera.lookAt(0, 50, 40); //相机观察位置 45 | 46 | // 渲染器 47 | const renderer = new THREE.WebGLRenderer(); // 创建渲染器 48 | const box = document.getElementById('box'); 49 | renderer.setSize(box.clientWidth, box.clientHeight); //渲染区域 50 | renderer.render(scene, camera); //执行渲染 51 | box.appendChild(renderer.domElement);; 52 | 53 | 54 | // 设置相机控件轨道控制器OrbitControls 55 | const controls = new OrbitControls(camera, renderer.domElement); 56 | // 如果OrbitControls改变了相机参数,重新调用渲染器渲染三维场景 57 | controls.addEventListener('change', function () { 58 | renderer.render(scene, camera); //执行渲染操作 59 | console.log(camera.position) 60 | });//监听鼠标、键盘事件 -------------------------------------------------------------------------------- /threeExamples/shader/steamWaveSun.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | 4 | const box = document.getElementById('box') 5 | 6 | const scene = new THREE.Scene() 7 | 8 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 1000) 9 | 10 | camera.position.set(0, 0, 2) 11 | 12 | const renderer = new THREE.WebGLRenderer() 13 | 14 | renderer.setSize(box.clientWidth, box.clientHeight) 15 | 16 | 17 | window.onresize = () => { 18 | 19 | renderer.setSize(box.clientWidth, box.clientHeight) 20 | 21 | camera.aspect = box.clientWidth / box.clientHeight 22 | 23 | camera.updateProjectionMatrix() 24 | 25 | } 26 | 27 | box.appendChild(renderer.domElement) 28 | 29 | /* 顶点着色器 */ 30 | const vertexShader = ` 31 | varying vec2 vUv; 32 | void main(){ 33 | vec4 mPosition=modelMatrix*vec4(position,1.); 34 | gl_Position=projectionMatrix*viewMatrix*mPosition; 35 | vUv = uv; 36 | }` 37 | 38 | /* 片元着色器 */ 39 | const fragmentShader = ` 40 | varying vec2 vUv; 41 | uniform float uTime; 42 | 43 | void main(){ 44 | vec2 uv=vUv; 45 | float circular=length(uv-vec2(.5)); 46 | circular=smoothstep(.3,.29,circular); 47 | vec3 color=vec3(0.); 48 | vec3 sumCol=mix(vec3(4.,0.,.2),vec3(1.,1.1,0.),uv.y); 49 | // 递减值 50 | float decreasing=(-uv.y+.3); 51 | uv.y +=uTime/10.; 52 | float line=fract(uv.y*20.); 53 | line=abs(line-.5); 54 | line-=decreasing; 55 | line=step(line,.2); 56 | color+=circular*sumCol*(1.-line); 57 | gl_FragColor=vec4(color,1.); 58 | }` 59 | 60 | // 自定义材质 61 | const material = new THREE.ShaderMaterial({ 62 | fragmentShader: fragmentShader, 63 | vertexShader: vertexShader, 64 | uniforms: { 65 | uTime: { value: 0 }, 66 | }, 67 | side: THREE.DoubleSide, 68 | }) 69 | 70 | const geometry = new THREE.PlaneGeometry(2, 2) 71 | const mesh = new THREE.Mesh(geometry, material) //网格模型对象Mesh 72 | 73 | scene.add(mesh) 74 | 75 | function animate() { 76 | requestAnimationFrame(animate) 77 | material.uniforms.uTime.value += 0.03 78 | renderer.render(scene, camera) 79 | } 80 | animate() -------------------------------------------------------------------------------- /threeExamples/basic/gltfOptLoader.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js' 4 | import { MeshoptDecoder } from "three/examples/jsm/libs/meshopt_decoder.module.js" 5 | import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js' 6 | 7 | const box = document.getElementById('box') 8 | 9 | const scene = new THREE.Scene() 10 | 11 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 1000) 12 | 13 | camera.position.set(0, 2, 3) 14 | 15 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }) 16 | 17 | renderer.setSize(box.clientWidth, box.clientHeight) 18 | 19 | box.appendChild(renderer.domElement) 20 | 21 | const controls = new OrbitControls(camera, renderer.domElement) 22 | 23 | controls.enableDamping = true 24 | 25 | animate() 26 | 27 | function animate() { 28 | 29 | requestAnimationFrame(animate) 30 | 31 | controls.update() 32 | 33 | renderer.render(scene, camera) 34 | 35 | } 36 | 37 | window.onresize = () => { 38 | 39 | renderer.setSize(box.clientWidth, box.clientHeight) 40 | 41 | camera.aspect = box.clientWidth / box.clientHeight 42 | 43 | camera.updateProjectionMatrix() 44 | 45 | } 46 | 47 | // HDR 48 | const pmremGenerator = new THREE.PMREMGenerator(renderer); 49 | 50 | const texture = new RGBELoader().load(FILE_HOST + '/files/hdr/1k.hdr', (t) => { 51 | 52 | const map = pmremGenerator.fromEquirectangular(t).texture 53 | 54 | pmremGenerator.dispose() 55 | 56 | return map 57 | 58 | }) 59 | 60 | texture.mapping = THREE.EquirectangularReflectionMapping 61 | 62 | // GLTF 63 | const loader = new GLTFLoader() 64 | 65 | loader.setMeshoptDecoder(MeshoptDecoder) 66 | 67 | loader.load(FILE_HOST + 'models/su7/sm_car.gltf', gltf => { 68 | 69 | scene.add(gltf.scene) 70 | 71 | gltf.scene.traverse(obj => { 72 | 73 | if (obj.isMesh) { 74 | 75 | obj.material.envMap = texture 76 | 77 | } 78 | 79 | }) 80 | 81 | }) 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /cesiumExamples/basic/multPoint.js: -------------------------------------------------------------------------------- 1 | import * as Cesium from 'cesium' 2 | 3 | const box = document.getElementById('box') 4 | 5 | const viewer = new Cesium.Viewer(box, { 6 | 7 | animation: false,//是否创建动画小器件,左下角仪表 8 | 9 | baseLayerPicker: false,//是否显示图层选择器,右上角图层选择按钮 10 | 11 | baseLayer: Cesium.ImageryLayer.fromProviderAsync(Cesium.ArcGisMapServerImageryProvider.fromUrl('https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer')), 12 | 13 | fullscreenButton: false,//是否显示全屏按钮,右下角全屏选择按钮 14 | 15 | timeline: false,//是否显示时间轴 16 | 17 | infoBox: false,//是否显示信息框 18 | 19 | }) 20 | 21 | // 设置一个视角 22 | viewer.camera.setView({ 23 | 24 | destination: Cesium.Cartesian3.fromRadians(2.100117282185777, 0.6195146302793972, 104244.23864046125), 25 | 26 | orientation: { 27 | 28 | direction: new Cesium.Cartesian3(0.5153454276260272, -0.7794098602398831, 0.3562855034741005), 29 | 30 | up: new Cesium.Cartesian3(-0.1511548595883593, 0.326557215595639, 0.9330126437327882) 31 | 32 | } 33 | 34 | }) 35 | 36 | // 添加点击事件监听器 37 | viewer.screenSpaceEventHandler.setInputAction(function (event) { 38 | 39 | const object = viewer.scene.pick(event.position) 40 | 41 | console.log(object.id) 42 | 43 | }, Cesium.ScreenSpaceEventType.LEFT_CLICK) 44 | 45 | const billboards = new Cesium.BillboardCollection(); // 创建billboard集合对象 46 | 47 | viewer.scene.primitives.add(billboards); // 添加billboard集合对象到场景中 48 | 49 | const color = () => new Cesium.Color(Math.random(), Math.random(), Math.random(), 1); // 随机颜色 50 | 51 | // 生成64800个点,每个经度、纬度值各生成一个点,高度为0(贴地表) 52 | for (var longitude = -180; longitude < 180; longitude++) { 53 | 54 | for (var latitude = -90; latitude < 90; latitude++) { 55 | 56 | billboards.add({ 57 | 58 | position: Cesium.Cartesian3.fromDegrees(longitude, latitude), 59 | 60 | image: HOST + '/files/author/z2586300277.png', // 图标 61 | 62 | scale: 0.1, // 调整图标的大小 63 | 64 | color: color(), // 随机颜色 65 | 66 | id: 'billboard' + '-' + longitude + '-' + latitude 67 | 68 | }) 69 | 70 | } 71 | 72 | } 73 | -------------------------------------------------------------------------------- /threeExamples/application/videoModel.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js"; 4 | 5 | const box = document.getElementById('box') 6 | 7 | const scene = new THREE.Scene() 8 | 9 | const camera = new THREE.PerspectiveCamera(50, box.clientWidth / box.clientHeight, 0.1, 1000) 10 | 11 | camera.position.set(0, 8, 30) 12 | 13 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 14 | 15 | renderer.setSize(box.clientWidth, box.clientHeight) 16 | 17 | box.appendChild(renderer.domElement) 18 | 19 | const controls = new OrbitControls(camera, renderer.domElement) 20 | 21 | controls.enableDamping = true 22 | 23 | animate() 24 | 25 | function animate() { 26 | 27 | requestAnimationFrame(animate) 28 | 29 | controls.update() 30 | 31 | renderer.render(scene, camera) 32 | 33 | } 34 | 35 | window.onresize = () => { 36 | 37 | renderer.setSize(box.clientWidth, box.clientHeight) 38 | 39 | camera.aspect = box.clientWidth / box.clientHeight 40 | 41 | camera.updateProjectionMatrix() 42 | 43 | } 44 | 45 | // 文件地址 46 | const urls = [0, 1, 2, 3, 4, 5].map(k => (FILE_HOST + 'files/sky/skyBox0/' + (k + 1) + '.png')); 47 | 48 | const textureCube = new THREE.CubeTextureLoader().load(urls); 49 | 50 | scene.background = textureCube; 51 | 52 | 53 | const video = document.createElement('video') 54 | 55 | video.crossOrigin = 'anonymous' // 跨域 56 | 57 | video.src = 'https://z2586300277.github.io/3d-file-server/video/test.mp4' 58 | 59 | video.loop = true // 循环播放 60 | 61 | video.muted = true // 静音 62 | 63 | video.play() 64 | 65 | const texture = await new Promise(r => video.onloadeddata = () => r(new THREE.VideoTexture(video))) // 创建视频纹理 66 | 67 | new GLTFLoader().load(FILE_HOST + "models/glb/zhanguan.glb", (gltf) => { 68 | 69 | gltf.scene.traverse((child) => { 70 | 71 | if (child.isMesh) { 72 | 73 | child.material.map = texture 74 | 75 | child.material.envMap = textureCube 76 | 77 | } 78 | 79 | }) 80 | 81 | scene.add(gltf.scene) 82 | 83 | }) -------------------------------------------------------------------------------- /threeExamples/application/coneMesh.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPass.js'; 4 | import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'; 5 | import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'; 6 | 7 | const box = document.getElementById('box') 8 | 9 | const scene = new THREE.Scene() 10 | 11 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 100000) 12 | 13 | camera.position.set(0, 0, 20) 14 | 15 | const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, logarithmicDepthBuffer: true }) 16 | 17 | renderer.setSize(box.clientWidth, box.clientHeight) 18 | 19 | box.appendChild(renderer.domElement) 20 | 21 | new OrbitControls(camera, renderer.domElement) 22 | 23 | const effectComposer = new EffectComposer(renderer); 24 | const renderPass = new RenderPass(scene, camera); 25 | effectComposer.addPass(renderPass); 26 | const bloomPass = new UnrealBloomPass(new THREE.Vector2(box.clientWidth, box.clientHeight), 0.8, 0.4, 0.0); 27 | effectComposer.addPass(bloomPass); 28 | 29 | const geometry = new THREE.ConeGeometry(3.5, 5.5, 4); 30 | const textureLoader = new THREE.TextureLoader(); 31 | const texture = textureLoader.load("https://g2657.github.io/examples-server/smartCity/demo/image/gradual_change_y_02.png"); 32 | const material = new THREE.MeshBasicMaterial({ 33 | map: texture 34 | }) 35 | 36 | const cone = new THREE.Mesh(geometry, material); 37 | cone.rotation.x = -Math.PI; 38 | scene.add(cone); 39 | 40 | let d = 0.03 41 | animate() 42 | 43 | function animate() { 44 | 45 | if (cone.position.y > 3 || cone.position.y < 0) d = -d 46 | cone.position.y += d; 47 | cone.rotation.y += Math.PI / 100; 48 | 49 | requestAnimationFrame(animate) 50 | effectComposer.render() 51 | 52 | } 53 | 54 | window.onresize = () => { 55 | 56 | renderer.setSize(box.clientWidth, box.clientHeight) 57 | 58 | camera.aspect = box.clientWidth / box.clientHeight 59 | 60 | camera.updateProjectionMatrix() 61 | 62 | } 63 | -------------------------------------------------------------------------------- /threeExamples/basic/screenShot.js: -------------------------------------------------------------------------------- 1 | import * as THREE from 'three' 2 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 | import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPass.js'; 4 | import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'; 5 | import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'; 6 | import * as dat from 'dat.gui' 7 | 8 | const box = document.getElementById('box') 9 | 10 | const scene = new THREE.Scene() 11 | 12 | const camera = new THREE.PerspectiveCamera(75, box.clientWidth / box.clientHeight, 0.1, 1000) 13 | 14 | camera.position.set(0, 10, 10) 15 | 16 | const renderer = new THREE.WebGLRenderer() 17 | 18 | renderer.setSize(box.clientWidth, box.clientHeight) 19 | 20 | box.appendChild(renderer.domElement) 21 | 22 | new OrbitControls(camera, renderer.domElement) 23 | 24 | const composer = new EffectComposer(renderer); 25 | 26 | const renderPass = new RenderPass(scene, camera); 27 | 28 | composer.addPass(renderPass); 29 | 30 | const bloomPass = new UnrealBloomPass(new THREE.Vector2(window.innerWidth, window.innerHeight), 1.5, 0, 0) 31 | 32 | composer.addPass(bloomPass); 33 | 34 | animate() 35 | 36 | function animate() { 37 | 38 | requestAnimationFrame(animate) 39 | 40 | composer.render() 41 | } 42 | 43 | window.onresize = () => { 44 | 45 | renderer.setSize(box.clientWidth, box.clientHeight) 46 | 47 | camera.aspect = box.clientWidth / box.clientHeight 48 | 49 | camera.updateProjectionMatrix() 50 | 51 | } 52 | 53 | // 物体 54 | const geometry = new THREE.BoxGeometry() 55 | 56 | const material = new THREE.MeshBasicMaterial({ color: 'yellow' }) 57 | 58 | const cube = new THREE.Mesh(geometry, material) 59 | 60 | scene.add(cube) 61 | 62 | // 截图 63 | new dat.GUI().add({ '截图': screenShot }, '截图') 64 | 65 | function screenShot() { 66 | 67 | renderer.render(scene, camera) 68 | 69 | composer.render() 70 | 71 | const base64 = renderer.domElement.toDataURL(['image/png', '0.8']) 72 | 73 | const link = document.createElement('a'); 74 | 75 | link.href = base64; 76 | 77 | link.download = 'myImage.png'; 78 | 79 | link.click(); 80 | 81 | } --------------------------------------------------------------------------------