1 /* ***** BEGIN LICENSE BLOCK *****
2 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
4 * The contents of this file are subject to the Mozilla Public License Version
5 * 1.1 (the "License"); you may not use this file except in compliance with
6 * the License. You may obtain a copy of the License at
7 * http://www.mozilla.org/MPL/
9 * Software distributed under the License is distributed on an "AS IS" basis,
10 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
11 * for the specific language governing rights and limitations under the
14 * The Original Code is KaiRo.at Mandelbrot, XULRunner version.
16 * The Initial Developer of the Original Code is
17 * Robert Kaiser <kairo@kairo.at>.
18 * Portions created by the Initial Developer are Copyright (C) 2008
19 * the Initial Developer. All Rights Reserved.
22 * Robert Kaiser <kairo@kairo.at>
24 * Alternatively, the contents of this file may be used under the terms of
25 * either the GNU General Public License Version 2 or later (the "GPL"), or
26 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
27 * in which case the provisions of the GPL or the LGPL are applicable instead
28 * of those above. If you wish to allow use of your version of this file only
29 * under the terms of either the GPL or the LGPL, and not to allow others to
30 * use your version of this file under the terms of the MPL, indicate your
31 * decision by deleting the provisions above and replace them with the notice
32 * and other provisions required by the GPL or the LGPL. If you do not delete
33 * the provisions above, a recipient may use your version of this file under
34 * the terms of any one of the MPL, the GPL or the LGPL.
36 * ***** END LICENSE BLOCK ***** */
38 var gColorPalette = [];
39 var gPref = Components.classes["@mozilla.org/preferences-service;1"]
40 .getService(Components.interfaces.nsIPrefService)
48 gMbrotBundle = document.getElementById("mbrotBundle");
49 document.getElementById("statusLabel").value = gMbrotBundle.getString("statusEmpty");
52 function drawImage() {
53 let canvas = document.getElementById("mbrotImage");
54 let context = canvas.getContext("2d");
56 document.getElementById("drawButton").hidden = true;
58 document.getElementById("statusLabel").value = gMbrotBundle.getString("statusDrawing");
63 Cr_min = parseFloat(gPref.getCharPref("mandelbrot.last_image.Cr_min"));
64 Cr_max = parseFloat(gPref.getCharPref("mandelbrot.last_image.Cr_max"));
67 if ((Cr_min < -2) || (Cr_min > 2) ||
68 (Cr_max < -2) || (Cr_max > 2) || (Cr_min >= Cr_max)) {
69 Cr_min = -2.0; Cr_max = 1.0;
71 gPref.setCharPref("mandelbrot.last_image.Cr_min", Cr_min);
72 gPref.setCharPref("mandelbrot.last_image.Cr_max", Cr_max);
77 Ci_min = parseFloat(gPref.getCharPref("mandelbrot.last_image.Ci_min"));
78 Ci_max = parseFloat(gPref.getCharPref("mandelbrot.last_image.Ci_max"));
81 if ((Ci_min < -2) || (Ci_min > 2) ||
82 (Ci_max < -2) || (Ci_max > 2) || (Ci_min >= Ci_max)) {
83 Ci_min = -2.0; Ci_max = 1.0;
85 gPref.setCharPref("mandelbrot.last_image.Ci_min", Ci_min);
86 gPref.setCharPref("mandelbrot.last_image.Ci_max", Ci_max);
88 let iterMax = gPref.getIntPref("mandelbrot.iteration_max");
89 let algorithm = gPref.getCharPref("mandelbrot.use_algorithm");
93 iWidth = gPref.getIntPref("mandelbrot.image.width");
96 if ((iWidth < 10) || (iWidth > 5000)) {
98 gPref.setIntPref("mandelbrot.image.width", iWidth);
102 iHeight = gPref.getIntPref("mandelbrot.image.height");
105 if ((iHeight < 10) || (iHeight > 5000)) {
107 gPref.setIntPref("mandelbrot.image.height", iHeight);
110 canvas.width = iWidth;
111 canvas.height = iHeight;
113 context.fillStyle = "rgba(255, 255, 255, 127)";
114 context.fillRect(0, 0, canvas.width, canvas.height);
116 gStartTime = new Date();
118 drawLine(0, [Cr_min, Cr_max, Ci_min, Ci_max],
119 canvas, context, iterMax, algorithm);
122 function drawLine(line, dimensions, canvas, context, iterMax, algorithm) {
123 let Cr_min = dimensions[0];
124 let Cr_max = dimensions[1];
125 let Cr_scale = Cr_max - Cr_min;
127 let Ci_min = dimensions[2];
128 let Ci_max = dimensions[3];
129 let Ci_scale = Ci_max - Ci_min;
132 for (var img_y = line; img_y < canvas.height && img_y < line+8; img_y++)
133 for (let img_x = 0; img_x < canvas.width; img_x++) {
134 let C = new complex(Cr_min + (img_x / canvas.width) * Cr_scale,
135 Ci_min + (img_y / canvas.height) * Ci_scale);
136 pixels.push.apply(pixels, drawPoint(context, img_x, img_y, C, iterMax, algorithm));
138 context.putImageData({width: canvas.width, height: pixels.length/4/canvas.width, data: pixels}, 0, line);
140 if (img_y < canvas.height)
141 setTimeout(drawLine, 0, img_y, dimensions, canvas, context, iterMax, algorithm);
147 let endTime = new Date();
148 let timeUsed = (endTime.getTime() - gStartTime.getTime()) / 1000;
149 document.getElementById("statusLabel").value =
150 gMbrotBundle.getFormattedString("statusTime", [timeUsed.toFixed(3)]);
154 function complex(aReal, aImag) {
158 complex.prototype = {
160 return new complex(this.r * this.r - this.i * this.i,
161 2 * this.r * this.i);
164 return Math.sqrt(this.r * this.r + this.i * this.i);
166 add: function(aComplex) {
167 return new complex(this.r + aComplex.r, this.i + aComplex.i);
171 function mandelbrotValueOO (aC, aIterMax) {
172 // this would be nice code in general but it looks like JS objects are too heavy for normal use.
173 let Z = new complex(0.0, 0.0);
174 for (var iter = 0; iter < aIterMax; iter++) {
175 Z = Z.square().add(aC);
176 if (Z.r * Z.r + Z.i * Z.i > 256) { break; }
181 function mandelbrotValueNumeric (aC, aIterMax) {
182 // optimized numeric code for fast calculation
183 let Cr = aC.r, Ci = aC.i;
184 let Zr = 0.0, Zi = 0.0;
185 let Zr2 = Zr * Zr, Zi2 = Zi * Zi;
186 for (var iter = 0; iter < aIterMax; iter++) {
187 Zi = 2 * Zr * Zi + Ci;
190 Zr2 = Zr * Zr; Zi2 = Zi * Zi;
191 if (Zr2 + Zi2 > 256) { break; }
196 function getColor(aIterValue, aIterMax) {
197 let standardizedValue = Math.round(aIterValue * 1024 / aIterMax);
198 if (gColorPalette && gColorPalette.length)
199 return gColorPalette[standardizedValue];
201 // fallback to simple b/w if for some reason we don't have a palette
202 if (aIterValue == aIterMax)
203 return [0, 0, 0, 255];
205 return [255, 255, 255, 255];
208 function getColorPalette(palName) {
212 for (let i = 0; i < 1024; i++) {
213 palette[i] = [255, 255, 255, 255];
215 palette[1024] = [0, 0, 0, 255];
219 for (let i = 0; i < 32; i++) {
220 let cc1 = Math.floor(i * 127 / 31);
221 let cc2 = 170 - Math.floor(i * 43 / 31);
222 palette[i] = [cc1, cc2, cc1, 255];
225 for (let i = 0; i < 51; i++) {
226 let cc = Math.floor(i * 170 / 50);
227 palette[32 + i] = [cc, 0, (170-cc), 255];
230 for (let i = 0; i < 101; i++) {
231 let cc = Math.floor(i * 200 / 100);
232 palette[83 + i] = [255, cc, 0, 255];
235 for (let i = 0; i < 201; i++) {
236 let cc1 = 255 - Math.floor(i * 85 / 200);
237 let cc2 = 200 - Math.floor(i * 30 / 200);
238 let cc3 = Math.floor(i * 170 / 200);
239 palette[184 + i] = [cc1, cc2, cc3, 255];
241 for (let i = 0; i < 301; i++) {
242 let cc1 = 170 - Math.floor(i * 43 / 300);
243 let cc2 = 170 + Math.floor(i * 85 / 300);
244 palette[385 + i] = [cc1, cc1, cc2, 255];
246 for (let i = 0; i < 338; i++) {
247 let cc = 127 + Math.floor(i * 128 / 337);
248 palette[686 + i] = [cc, cc, 255, 255];
250 palette[1024] = [0, 0, 0, 255];
252 case 'rainbow-linear1':
253 for (let i = 0; i < 256; i++) {
254 palette[i] = [i, 0, 0, 255];
255 palette[256 + i] = [255, i, 0, 255];
256 palette[512 + i] = [255 - i, 255, i, 255];
257 palette[768 + i] = [i, 255-i, 255, 255];
259 palette[1024] = [0, 0, 0, 255];
264 Case 1 'Standard-Palette (QB-Colors)
266 xx = CInt(i * 500 / 1024 + 2)
267 If xx <= 15 Then clr = xx
268 If xx > 15 Then clr = CInt(Sqr((xx - 15 + 1) * 15 ^ 2 / 485))
269 If xx >= 500 Then clr = 0
270 palette(i) = QBColor(clr)
272 Case 3 'Regenbogen-Palette 1 (qu.)
274 clr = CInt(i * 255 / 33)
275 palette(i) = RGB(clr, 0, 0)
278 clr = CInt(i * 255 / 136)
279 palette(34 + i) = RGB(255, clr, 0)
282 clr = CInt(i * 255 / 306)
283 palette(171 + i) = RGB(255 - clr, 255, clr)
286 clr = CInt(i * 255 / 545)
287 palette(478 + i) = RGB(clr, 255 - clr, 255)
289 Case 4 'Regenbogen-Palette 2 (linear)
291 clr = CInt(i * 255 / 204)
292 palette(i) = RGB(255, clr, 0)
293 palette(204 + i) = RGB(255 - clr, 255, 0)
294 palette(409 + i) = RGB(0, 255, clr)
295 palette(614 + i) = RGB(0, 255 - clr, 255)
296 palette(819 + i) = RGB(clr, 0, 255)
298 Case 5 'Regenbogen-Palette 2 (qu.)
300 clr = CInt(i * 255 / 18)
301 palette(i) = RGB(255, clr, 0)
304 clr = CInt(i * 255 / 73)
305 palette(20 + i) = RGB(255 - clr, 255, 0)
308 clr = CInt(i * 255 / 167)
309 palette(93 + i) = RGB(0, 255, clr)
312 clr = CInt(i * 255 / 297)
313 palette(261 + i) = RGB(0, 255 - clr, 255)
316 clr = CInt(i * 255 / 464)
317 palette(559 + i) = RGB(clr, 0, 255)
323 function drawPoint(context, img_x, img_y, C, iterMax, algorithm) {
327 itVal = mandelbrotValueOO(C, iterMax);
331 itVal = mandelbrotValueNumeric(C, iterMax);
334 return getColor(itVal, iterMax);
337 /***** pure UI functions *****/
341 function mouseevent(etype, event) {
342 let canvas = document.getElementById("mbrotImage");
345 if (event.button == 0)
346 // left button - start dragzoom
347 zoomstart = {x: event.clientX - canvas.offsetLeft,
348 y: event.clientY - canvas.offsetTop};
351 if (event.button == 0) {
352 var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
353 .getService(Components.interfaces.nsIPromptService);
354 var ok = prompts.confirm(null, gMbrotBundle.getString("zoomConfirmTitle"),
355 gMbrotBundle.getString("zoomConfirmLabel") + ' --- ' +
356 zoomstart.x + ',' + zoomstart.y + '-' +
357 (event.clientX - canvas.offsetLeft) + ',' +
358 (event.clientY - canvas.offsetTop));
359 // ok is now true if OK was clicked, and false if cancel was clicked
361 zoomstart = undefined;
366 function saveImage() {
367 const nsIFilePicker = Components.interfaces.nsIFilePicker;
370 fp = Components.classes["@mozilla.org/filepicker;1"]
371 .createInstance(nsIFilePicker);
374 var promptString = gMbrotBundle.getString("savePrompt");
375 fp.init(window, promptString, nsIFilePicker.modeSave);
376 fp.appendFilter(gMbrotBundle.getString("pngFilterName"), "*.png");
377 fp.defaultString = "mandelbrot.png";
379 var fpResult = fp.show();
380 if (fpResult != nsIFilePicker.returnCancel) {
381 saveCanvas(document.getElementById("mbrotImage"), fp.file);
385 function updateBookmarkMenu(aParent) {
386 document.getElementById("bookmarkSave").disabled =
387 (!document.getElementById("drawButton").hidden || (gStartTime > 0));
389 while (aParent.hasChildNodes() &&
390 aParent.lastChild.id != 'bookmarkSeparator')
391 aParent.removeChild(aParent.lastChild);
393 var file = Components.classes["@mozilla.org/file/directory_service;1"]
394 .getService(Components.interfaces.nsIProperties)
395 .get("ProfD", Components.interfaces.nsIFile);
396 file.append("mandelbookmarks.sqlite");
398 var connection = Components.classes["@mozilla.org/storage/service;1"]
399 .getService(Components.interfaces.mozIStorageService)
402 if (connection.tableExists("bookmarks")) {
403 var statement = connection.createStatement(
404 "SELECT name FROM bookmarks ORDER BY ROWID DESC");
405 while (statement.executeStep())
406 aParent.appendChild(document.createElement("menuitem"))
407 .setAttribute("label", statement.getString(0));
409 statement.finalize();
416 // Create the "Nothing Available" Menu item and disable it.
417 var na = aParent.appendChild(document.createElement("menuitem"));
418 na.setAttribute("label", gMbrotBundle.getString("noBookmarks"));
419 na.setAttribute("disabled", "true");
422 function callBookmark(evtarget) {
425 function saveBookmark() {
426 // retrieve wanted bookmark name with a prompt
427 var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
428 .getService(Components.interfaces.nsIPromptService);
429 var input = {value: ""}; // empty default value
430 var ok = prompts.prompt(null, gMbrotBundle.getString("saveBookmarkTitle"), gMbrotBundle.getString("saveBookmarkLabel"), input, null, {});
431 // ok is true if OK is pressed, false if Cancel. input.value holds the value of the edit field if "OK" was pressed.
432 if (!ok || !input.value)
435 var bmName = input.value;
437 // Open or create the bookmarks database.
438 var file = Components.classes["@mozilla.org/file/directory_service;1"]
439 .getService(Components.interfaces.nsIProperties)
440 .get("ProfD", Components.interfaces.nsIFile);
441 file.append("mandelbookmarks.sqlite");
442 var connection = Components.classes["@mozilla.org/storage/service;1"]
443 .getService(Components.interfaces.mozIStorageService)
445 connection.beginTransaction();
446 if (!connection.tableExists("bookmarks"))
447 connection.createTable("bookmarks", "name TEXT, iteration_max INTEGER, Cr_min REAL, Cr_max REAL, Ci_min REAL, Ci_max REAL");
448 // NULL. The value is a NULL value.
449 // INTEGER. The value is a signed integer, stored in 1, 2, 3, 4, 6, or 8 bytes depending on the magnitude of the value.
450 // REAL. The value is a floating point value, stored as an 8-byte IEEE floating point number.
451 // TEXT. The value is a text string, stored using the database encoding (UTF-8, UTF-16BE or UTF-16-LE).
453 // Put value of the current image into the bookmarks table
454 var statement = connection.createStatement(
455 "INSERT INTO bookmarks (name,iteration_max,Cr_min,Cr_max,Ci_min,Ci_max) VALUES (?1,?2,?3,?4,?5,?6)");
456 statement.bindStringParameter(0, bmName);
457 statement.bindStringParameter(1, gPref.getIntPref("mandelbrot.iteration_max"));
458 statement.bindStringParameter(2, parseFloat(gPref.getCharPref("mandelbrot.last_image.Cr_min")));
459 statement.bindStringParameter(3, parseFloat(gPref.getCharPref("mandelbrot.last_image.Cr_max")));
460 statement.bindStringParameter(4, parseFloat(gPref.getCharPref("mandelbrot.last_image.Ci_min")));
461 statement.bindStringParameter(5, parseFloat(gPref.getCharPref("mandelbrot.last_image.Ci_max")));
463 statement.finalize();
464 connection.commitTransaction();
468 function updateIterMenu() {
470 var currentIter = gPref.getIntPref("mandelbrot.iteration_max");
475 if (currentIter < 10) {
477 setIter(currentIter);
480 var popup = document.getElementById("menu_iterPopup");
481 var item = popup.firstChild;
483 if (item.getAttribute("name") == "iter") {
484 if (item.getAttribute("value") == currentIter)
485 item.setAttribute("checked","true");
487 item.removeAttribute("checked");
489 item = item.nextSibling;
493 function setIter(aIter) {
494 gPref.setIntPref("mandelbrot.iteration_max", aIter);
497 function updatePaletteMenu() {
499 var currentPalette = gPref.getCharPref("mandelbrot.color_palette");
502 var currentPalette = '';
504 if (!currentPalette.length) {
505 currentPalette = 'kairo';
506 setPalette(currentPalette);
508 if (!gColorPalette || !gColorPalette.length)
509 gColorPalette = getColorPalette(currentPalette);
511 var popup = document.getElementById("menu_palettePopup");
512 var item = popup.firstChild;
514 if (item.getAttribute("name") == "palette") {
515 if (item.getAttribute("value") == currentPalette)
516 item.setAttribute("checked", "true");
518 item.removeAttribute("checked");
520 item = item.nextSibling;
524 function setPalette(aPaletteID) {
525 gPref.setCharPref("mandelbrot.color_palette", aPaletteID);
526 gColorPalette = getColorPalette(aPaletteID);
529 function imgSettings() {
530 window.openDialog("chrome://mandelbrot/content/image-settings.xul");
533 function updateDebugMenu() {
534 var jitMenuItem = document.getElementById("jitEnabled");
535 jitMenuItem.setAttribute("checked", gPref.getBoolPref("javascript.options.jit.chrome"));
538 function toggleJITState(jitMenuItem) {
539 var jitEnabled = !gPref.getBoolPref("javascript.options.jit.chrome");
540 gPref.setBoolPref("javascript.options.jit.chrome", jitEnabled)
541 jitMenuItem.setAttribute("checked", jitEnabled? "true" : "false");
544 function updateAlgoMenu() {
546 var currentAlgo = gPref.getCharPref("mandelbrot.use_algorithm");
549 var currentAlgo = '';
551 if (!currentAlgo.length) {
552 currentAlgo = 'numeric';
553 setAlgorithm(currentAlgo);
556 var popup = document.getElementById("menu_algoPopup");
557 var item = popup.firstChild;
559 if (item.getAttribute("name") == "algorithm") {
560 if (item.getAttribute("value") == currentAlgo)
561 item.setAttribute("checked", "true");
563 item.removeAttribute("checked");
565 item = item.nextSibling;
569 function setAlgorithm(algoID) {
570 gPref.setCharPref("mandelbrot.use_algorithm", algoID);
573 function addonsManager(aPane) {
574 var theEM = Components.classes["@mozilla.org/appshell/window-mediator;1"]
575 .getService(Components.interfaces.nsIWindowMediator)
576 .getMostRecentWindow("Extension:Manager");
580 theEM.showView(aPane);
584 const EMURL = "chrome://mozapps/content/extensions/extensions.xul";
585 const EMFEATURES = "all,dialog=no";
587 window.openDialog(EMURL, "", EMFEATURES, aPane);
589 window.openDialog(EMURL, "", EMFEATURES);
592 function errorConsole() {
593 toOpenWindowByType("global:console", "chrome://global/content/console.xul");
596 /***** helper functions from external sources *****/
598 // function below is based on http://developer.mozilla.org/en/docs/Code_snippets:Canvas
599 // custom modifications:
600 // - use "a"-prefix on function arguments
601 // - take an nsILocalFile as aDestFile argument
602 // - always do silent download
603 function saveCanvas(aCanvas, aDestFile) {
604 // create a data url from the canvas and then create URIs of the source and targets
605 var io = Components.classes["@mozilla.org/network/io-service;1"]
606 .getService(Components.interfaces.nsIIOService);
607 var source = io.newURI(aCanvas.toDataURL("image/png", ""), "UTF8", null);
609 // prepare to save the canvas data
610 var persist = Components.classes["@mozilla.org/embedding/browser/nsWebBrowserPersist;1"]
611 .createInstance(Components.interfaces.nsIWebBrowserPersist);
613 persist.persistFlags = Components.interfaces.nsIWebBrowserPersist.PERSIST_FLAGS_REPLACE_EXISTING_FILES;
614 persist.persistFlags |= Components.interfaces.nsIWebBrowserPersist.PERSIST_FLAGS_AUTODETECT_APPLY_CONVERSION;
616 // save the canvas data to the file
617 persist.saveURI(source, null, null, null, null, aDestFile);
620 // function below is from http://developer.mozilla.org/en/docs/How_to_Quit_a_XUL_Application
621 function quitApp(aForceQuit) {
622 var appStartup = Components.classes['@mozilla.org/toolkit/app-startup;1']
623 .getService(Components.interfaces.nsIAppStartup);
625 // eAttemptQuit will try to close each XUL window, but the XUL window can cancel the quit
626 // process if there is unsaved data. eForceQuit will quit no matter what.
627 var quitSeverity = aForceQuit ? Components.interfaces.nsIAppStartup.eForceQuit :
628 Components.interfaces.nsIAppStartup.eAttemptQuit;
629 appStartup.quit(quitSeverity);
632 // functions below are from comm-central/suite/common/tasksOverlay.js
633 function toOpenWindow(aWindow) {
635 // Try to focus the previously focused window e.g. message compose body
636 aWindow.document.commandDispatcher.focusedWindow.focus();
638 // e.g. full-page plugin or non-XUL document; just raise the top window
643 function toOpenWindowByType(inType, uri, features) {
644 // don't do several loads in parallel
648 var topWindow = Components.classes["@mozilla.org/appshell/window-mediator;1"]
649 .getService(Components.interfaces.nsIWindowMediator)
650 .getMostRecentWindow(inType);
652 toOpenWindow( topWindow );
654 // open the requested window, but block it until it's fully loaded
655 function newWindowLoaded(event) {
656 // make sure that this handler is called only once
657 window.removeEventListener("unload", newWindowLoaded, false);
658 window[uri].removeEventListener("load", newWindowLoaded, false);
661 // remember the newly loading window until it's fully loaded
662 // or until the current window passes away
663 window[uri] = window.openDialog(uri, "", features || "all,dialog=no");
664 window[uri].addEventListener("load", newWindowLoaded, false);
665 window.addEventListener("unload", newWindowLoaded, false);