Skip to content

Instantly share code, notes, and snippets.

View mramato's full-sized avatar

Matthew Amato mramato

View GitHub Profile
//Create's a 1x1 transparent base layer so that the globe has no imagery
var transparentBaseLayer = new Cesium.SingleTileImageryProvider({
url : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="
});
//Create the viewer, must specify alpha :true in order for the globe and
//background to be transparent
var viewer = new Cesium.Viewer('cesiumContainer', {
skyBox : false,
skyAtmosphere : false,
var viewer = new Cesium.Viewer('cesiumContainer');
//Normally you would define the default styles
//in CSS, but for the example it's easier to
//just do it here.
var geoOverlay = document.createElement('div');
viewer.container.appendChild(geoOverlay);
geoOverlay.style.display = 'none';
geoOverlay.style['background-color'] = 'white';
geoOverlay.style.position = 'absolute';
@mramato
mramato / DrawHorizonPoint.js
Created July 14, 2015 01:45
A simple Cesium example of drawing a label at the horizon point.
var viewer = new Cesium.Viewer('cesiumContainer');
var scene = viewer.scene;
var ellipsoid = scene.globe.ellipsoid;
var entity = viewer.entities.add({
label : {
show : true,
outlineColor: Cesium.Color.BLACK,
verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
@mramato
mramato / EntityModelTexture.js
Last active August 29, 2015 14:24
Cesium example of texturing a model loaded with the Entity API
var viewer = new Cesium.Viewer('cesiumContainer', {
infoBox : false,
selectionIndicator : false
});
var entity = viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-123, 44, 10),
model : {
uri : '../../../Specs/Data/Models/Box-Textured/CesiumTexturedBoxTest.gltf',
minimumPixelSize : 128
@mramato
mramato / EntityModelColor.js
Created June 24, 2015 21:59
Cesium example of coloring a model loaded with the Entity API
var viewer = new Cesium.Viewer('cesiumContainer', {
infoBox : false,
selectionIndicator : false
});
var entity = viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-123, 44, 10),
model : {
uri : '../../../Specs/Data/Models/Box/CesiumBoxTest.gltf',
minimumPixelSize : 128
@mramato
mramato / WallpaperMaterial.js
Created February 26, 2015 03:26
A Cesium demo for creating a custom wallpaper material
//Call this once at application startup
Cesium.Material._materialCache.addMaterial('Wallpaper', {
fabric : {
type : 'Wallpaper',
uniforms : {
image : Cesium.Material.DefaultImageId,
anchor : new Cesium.Cartesian2(0, 0)
},
components : {
diffuse : 'texture2D(image, fract((gl_FragCoord.xy - anchor.xy) / vec2(imageDimensions.xy))).rgb',
@mramato
mramato / GeometryPerformance.html
Last active August 29, 2015 13:57
Cesium Sandcastle demo for stress testing Primitive performance.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!-- Use Chrome Frame in IE -->
<meta name="viewport"
content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="description"
content="Construct and apply materials to rectangular and custom sensors.">
@mramato
mramato / Two Widgets.html
Created September 16, 2013 14:33
Cesium Sandcastle example of two synchronized Viewer widgets in a single application.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!-- Use Chrome Frame in IE -->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="description" content="Use the Viewer Widget to start building new applications or easily embed Cesium into existing applications.">
<meta name="cesium-sandcastle-labels" content="Beginner">
<title>Cesium Demo</title>
<script type="text/javascript" src="../Sandcastle-header.js"></script>