don't display h1, add a viewport tag, paint an initial image with explanations of...
[mandelbrot-web.git] / js / mandelbrot.js
index ace0deda24e25a97dc9fd6ca4d2d817e2c47f140..385ff2eeb7c0ce7d6f16cfce02e35dfa1c5fec08 100644 (file)
@@ -1,56 +1,29 @@
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is KaiRo.at Mandelbrot, XULRunner version.
- *
- * The Initial Developer of the Original Code is
- * Robert Kaiser <kairo@kairo.at>.
- * Portions created by the Initial Developer are Copyright (C) 2008-210
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- *   Robert Kaiser <kairo@kairo.at>
- *   Boris Zbarsky <bzbarsky@mit.edu>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+var gMainCanvas, gMainContext;
 var gColorPalette = [];
 var gStartTime = 0;
 var gCurrentImageData;
 var gLastImageData;
 
 function Startup() {
-  var img = document.getElementById("mbrotImage");
-  img.addEventListener("mouseup", imgEvHandler, false);
-  img.addEventListener("mousedown", imgEvHandler, false);
-  img.addEventListener("mousemove", imgEvHandler, false);
-  img.addEventListener("touchstart", imgEvHandler, false);
-  img.addEventListener("touchend", imgEvHandler, false);
-  img.addEventListener("touchcancel", imgEvHandler, false);
-  img.addEventListener("touchleave", imgEvHandler, false);
-  img.addEventListener("touchmove", imgEvHandler, false);
+  gMainCanvas = document.getElementById("mbrotImage");
+  gMainContext = gMainCanvas.getContext("2d");
+
+  gMainCanvas.addEventListener("mouseup", imgEvHandler, false);
+  gMainCanvas.addEventListener("mousedown", imgEvHandler, false);
+  gMainCanvas.addEventListener("mousemove", imgEvHandler, false);
+  gMainCanvas.addEventListener("touchstart", imgEvHandler, false);
+  gMainCanvas.addEventListener("touchend", imgEvHandler, false);
+  gMainCanvas.addEventListener("touchcancel", imgEvHandler, false);
+  gMainCanvas.addEventListener("touchleave", imgEvHandler, false);
+  gMainCanvas.addEventListener("touchmove", imgEvHandler, false);
+
+  var initTile = new Image();
+  initTile.src = "style/initial-overview.png";
+  gMainContext.drawImage(initTile, 0, 0);
 }
 
 function getAdjustVal(aName) {
@@ -207,13 +180,14 @@ function adjustCoordsAndDraw(aC_min, aC_max) {
 }
 
 function drawImage() {
-  var canvas = document.getElementById("mbrotImage");
-  var context = canvas.getContext("2d");
+  var canvas = gMainCanvas;
+  var context = gMainContext;
 
   document.getElementById("calcTime").textContent = "--";
 
   if (gCurrentImageData) {
     gLastImageData = gCurrentImageData;
+    document.getElementById("backButton").disabled = false;
   }
 
   gColorPalette = getColorPalette(document.getElementById("palette").value);
@@ -527,15 +501,21 @@ var imgEvHandler = {
           if (zoomend.y < zoomstart.y)
             [zoomend.y, zoomstart.y] = [zoomstart.y, zoomend.y];
 
-          // determine new "coordinates"
-          var CWidth = gCurrentImageData.C_max.r - gCurrentImageData.C_min.r;
-          var CHeight = gCurrentImageData.C_max.i - gCurrentImageData.C_min.i;
-          var newC_min = new complex(
-              gCurrentImageData.C_min.r + zoomstart.x / gCurrentImageData.iWidth * CWidth,
-              gCurrentImageData.C_min.i + zoomstart.y / gCurrentImageData.iHeight * CHeight);
-          var newC_max = new complex(
-              gCurrentImageData.C_min.r + zoomend.x / gCurrentImageData.iWidth * CWidth,
-              gCurrentImageData.C_min.i + zoomend.y / gCurrentImageData.iHeight * CHeight);
+          if (gCurrentImageData) {
+            // determine new "coordinates"
+            var CWidth = gCurrentImageData.C_max.r - gCurrentImageData.C_min.r;
+            var CHeight = gCurrentImageData.C_max.i - gCurrentImageData.C_min.i;
+            var newC_min = new complex(
+                gCurrentImageData.C_min.r + zoomstart.x / gCurrentImageData.iWidth * CWidth,
+                gCurrentImageData.C_min.i + zoomstart.y / gCurrentImageData.iHeight * CHeight);
+            var newC_max = new complex(
+                gCurrentImageData.C_min.r + zoomend.x / gCurrentImageData.iWidth * CWidth,
+                gCurrentImageData.C_min.i + zoomend.y / gCurrentImageData.iHeight * CHeight);
+          }
+          else {
+            var newC_min = new complex(-2, -1.5);
+            var newC_max = new complex(1, 1.5);
+          }
 
           adjustCoordsAndDraw(newC_min, newC_max);
         }
@@ -550,11 +530,17 @@ var imgEvHandler = {
                              coordObj.clientX - canvas.offsetLeft - zoomstart.x,
                              coordObj.clientY - canvas.offsetTop - zoomstart.y);
         }
-      break;
+        break;
     }
   }
 };
 
+function drawIfEmpty() {
+  if (!gCurrentImageData) {
+    drawImage();
+  }
+}
+
 function toggleSettings() {
   var fs = document.getElementById("settings");
   if (fs.style.display != "block") {
@@ -571,6 +557,7 @@ function goBack() {
     // use gLastImageData.iWidth, gLastImageData.iHeight ???
     adjustCoordsAndDraw(gLastImageData.C_min, gLastImageData.C_max);
     gLastImageData = undefined;
+    document.getElementById("backButton").disabled = true;
   }
 }