mramato’s gists

mramato / TransparentGlobe.js

Created August 18, 2015 02:23

	//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,

mramato / GeoOverlay.js

Created August 14, 2015 16:34

	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 / 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 / EntityModelTexture.js

Last active October 8, 2024 13:02

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 / 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 / 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 / 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 / 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>

Matthew Amato mramato