From 2a20817f82165ba402a393c733b7e52887463359 Mon Sep 17 00:00:00 2001 From: Brandon Tilley Date: Wed, 1 Jan 2014 11:49:19 -0800 Subject: [PATCH] Update site --- examples/quake.html | 11 ++++++++--- examples/quake/quake.js | 11 ++++++++--- 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/examples/quake.html b/examples/quake.html index 7f4e83f..0ef9a2e 100644 --- a/examples/quake.html +++ b/examples/quake.html @@ -233,16 +233,20 @@ // Plugin to resize the canvas to fill the window and to // automatically center the planet when the window size changes function autocenter(options) { + options = options || {}; var needsCentering = false; + var globe = null; + var resize = function() { var width = window.innerWidth + (options.extraWidth || 0); var height = window.innerHeight + (options.extraHeight || 0); - planet.canvas.width = width; - planet.canvas.height = height; - planet.projection.translate([width / 2, height / 2]); + globe.canvas.width = width; + globe.canvas.height = height; + globe.projection.translate([width / 2, height / 2]); }; return function(planet) { + globe = planet; planet.onInit(function() { needsCentering = true; d3.select(window).on('resize', function() { @@ -259,6 +263,7 @@ // Plugin to automatically scale the planet's projection based // on the window size when the planet is initialized function autoscale(options) { + options = options || {}; return function(planet) { planet.onInit(function() { var width = window.innerWidth + (options.extraWidth || 0); diff --git a/examples/quake/quake.js b/examples/quake/quake.js index 4a0a8e8..f05da56 100644 --- a/examples/quake/quake.js +++ b/examples/quake/quake.js @@ -161,16 +161,20 @@ // Plugin to resize the canvas to fill the window and to // automatically center the planet when the window size changes function autocenter(options) { + options = options || {}; var needsCentering = false; + var globe = null; + var resize = function() { var width = window.innerWidth + (options.extraWidth || 0); var height = window.innerHeight + (options.extraHeight || 0); - planet.canvas.width = width; - planet.canvas.height = height; - planet.projection.translate([width / 2, height / 2]); + globe.canvas.width = width; + globe.canvas.height = height; + globe.projection.translate([width / 2, height / 2]); }; return function(planet) { + globe = planet; planet.onInit(function() { needsCentering = true; d3.select(window).on('resize', function() { @@ -187,6 +191,7 @@ // Plugin to automatically scale the planet's projection based // on the window size when the planet is initialized function autoscale(options) { + options = options || {}; return function(planet) { planet.onInit(function() { var width = window.innerWidth + (options.extraWidth || 0);