<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>旋转发光的四棱锥</title>
<link rel="stylesheet" href="./Cesium/Widgets/widgets.css" />
<script type="text/javascript" src="./Cesium/Cesium.js"></script>
<script type="text/javascript" src="./TetrahedronPrimitive.js"></script>
<style>
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
/* 按钮 */
#menu {
position: absolute;
top: 0px;
left: 5px;
}
#menu p {
background-color: #808080;
color: #ff0000;
height: 30px;
line-height: 30px;
font-size: 15px;
padding: 2px 5px;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
</body>
<script>
var ss =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlNTcwMGY0ZC05Mzc5LTQ0YTctODliMi03NTNmNzFkNTRkNzAiLCJpZCI6MTIyNjEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NjA3NTUxNDB9.DswPF6DynxgiWjr4a7DYJ5QctMSvMJcdmDrht9dYF2s";
var AccessTokentwo =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3NjRjNGFjNy1jNDM3LTQzMTktODVlYS05YmFmOTAxYjk5MWUiLCJpZCI6Mzk5MSwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTUzOTU3OTE2NX0.-25udUzENRJ66mnICMK8Hfc6xgF_VP7P4sWkSHaUjOQ";
Cesium.Ion.defaultAccessToken = AccessTokentwo;
var viewer = new Cesium.Viewer("cesiumContainer", {
//imageryProvider: globemap,
selectionIndicator: false,
animation: false,
baseLayerPicker: false,
geocoder: false,
timeline: false,
sceneModePicker: false,
navigationHelpButton: false,
infoBox: false,
fullscreenButton: false,
homeButton: false,
});
viewer.bottomContainer.style.display = "none"; //隐藏图标
var imageryProvider = new Cesium.ArcGisMapServerImageryProvider({
url: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/",
name: "arcgis",
usePreCachedTilesIfAvailable: true,
});
var imageryLayer =
viewer.imageryLayers.addImageryProvider(imageryProvider);
//var creditDisplay = new Cesium.CreditDisplay();
viewer.scene.globe.depthTestAgainstTerrain = true;
viewer.scene.debugShowFramesPerSecond = true;
scene = viewer.scene;
scene.sun.destroy(); //去掉太阳
scene.sun = undefined; //去掉太阳
scene.moon.destroy(); //去掉月亮
scene.moon = undefined; //去掉月亮
var longitude = 114.05438735185308;
var latitude = 22.562561467874392;
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
longitude,
latitude,
5000.0
),
});
var positionaa = Cesium.Cartesian3.fromDegrees(
114.05438735185308,
22.562561467874392,
100.0
);
//加入场景
var tetrahedronPrimitive = new TetrahedronPrimitive({
viewer: viewer,
position: positionaa,
color: Cesium.Color.fromCssColorString("#FF0000"),
});
scene.primitives.add(tetrahedronPrimitive);
//开启动画
tetrahedronPrimitive.startAnimate();
//关闭动画
//tetrahedronPrimitive.closeAnimate();
var ddd = colorToRGB("#FF0000");
function colorToRGB(color) {
var color1, color2, color3;
color = "" + color;
if (typeof color !== "string") return;
if (color.charAt(0) == "#") {
color = color.substring(1);
}
if (color.length == 3) {
color =
color[0] +
color[0] +
color[1] +
color[1] +
color[2] +
color[2];
}
if (/^[0-9a-fA-F]{6}$/.test(color)) {
color1 = parseInt(color.substr(0, 2), 16);
color2 = parseInt(color.substr(2, 2), 16);
color3 = parseInt(color.substr(4, 2), 16);
return "rgb(" + color1 + "," + color2 + "," + color3 + ")";
}
}
</script>
</html>
旋转的四棱锥体（倒金字塔）
5星 · 超过95%的资源 需积分: 5 9 浏览量
2023-03-18
13:44:39
上传
评论
收藏 8.62MB ZIP 举报 
旋转的四棱锥体（倒金字塔） （319个子文件） 
widgets.css 22KB lighter.css 5KB InfoBoxDescription.css 3KB Animation.css 2KB CesiumInspector.css 2KB BaseLayerPicker.css 2KB Cesium3DTilesInspector.css 2KB NavigationHelpButton.css 2KB lighter.css 2KB shared.css 2KB SceneModePicker.css 2KB InfoBox.css 2KB Geocoder.css 2KB Viewer.css 1KB Timeline.css 1KB ProjectionPicker.css 1KB CesiumWidget.css 1006B lighter.css 890B lighterShared.css 886B lighter.css 620B lighter.css 397B SelectionIndicator.css 338B lighter.css 336B lighter.css 269B PerformanceWatchdog.css 256B FullscreenButton.css 102B VRButton.css 94B
info-loading.gif 723B
2.Cesium旋转发光的四棱锥.html 5KB
waterNormals.jpg 287KB StarBurst.jpg 191KB tycho2t3_80_mz.jpg 179KB tycho2t3_80_py.jpg 165KB tycho2t3_80_pz.jpg 165KB tycho2t3_80_my.jpg 164KB tycho2t3_80_px.jpg 135KB tycho2t3_80_mx.jpg 131KB DirtMask.jpg 111KB waterNormalsSmall.jpg 33KB moonSmall.jpg 18KB 2.jpg 16KB 2.jpg 16KB 2.jpg 16KB 3.jpg 15KB 1.jpg 15KB 3.jpg 15KB 0.jpg 14KB 1.jpg 13KB 1.jpg 13KB 1.jpg 13KB 3.jpg 12KB 1.jpg 12KB 1.jpg 12KB 2.jpg 12KB 0.jpg 12KB 3.jpg 12KB 3.jpg 12KB 3.jpg 12KB 2.jpg 11KB 2.jpg 11KB 1.jpg 11KB 1.jpg 11KB 2.jpg 11KB 3.jpg 11KB 0.jpg 10KB 0.jpg 10KB 0.jpg 10KB 3.jpg 10KB 1.jpg 10KB 1.jpg 10KB 0.jpg 9KB 0.jpg 9KB 1.jpg 9KB 0.jpg 9KB 0.jpg 8KB 0.jpg 8KB 2.jpg 8KB 0.jpg 8KB 0.jpg 7KB 0.jpg 7KB 1.jpg 7KB 0.jpg 6KB Cesium1.js 11.22MB Cesium.js 3.71MB draco_decoder.js 771KB createPolygonGeometry.js 256KB createCoplanarPolygonGeometry.js 252KB createPolylineVolumeGeometry.js 250KB createCoplanarPolygonOutlineGeometry.js 246KB createPolygonOutlineGeometry.js 243KB createRectangleGeometry.js 242KB createCorridorGeometry.js 232KB createCircleGeometry.js 228KB createEllipseGeometry.js 226KB createCorridorOutlineGeometry.js 224KB createGeometry.js 220KB combineGeometry.js 220KB createPolylineVolumeOutlineGeometry.js 218KB createWallGeometry.js 216KB createPolylineGeometry.js 213KB共 319 条
- 1
- 2
- 3
- 4
资源评论
陈后主2023-07-28作者对倒金字塔的特点进行了准确的描述，使我对这个几何形体有了更具体的认识。
高中化学孙环宇2023-07-28这个文件从不同角度展示了旋转的四棱锥体，给人一种丰富多样的感觉。
Msura2023-07-28这个文件中的图片展示了旋转的四棱锥体的各种变化，令人印象深刻，值得一看。
叫我叔叔就行2023-07-28细致入微的绘图和简洁明快的说明，让我对倒金字塔的结构有了更深入的理解。
俞林鑫2023-07-28这个文件的布局清晰，让人阅读起来轻松愉快，不会感到困惑。
