sawine@74
|
1 |
var QUOTES_NUMBER = 39;
|
sawine@78
|
2 |
var SERVER = "http://" + window.location.hostname + ":" + window.location.port;
|
sawine@78
|
3 |
var simulation;
|
sawine@74
|
4 |
|
sawine@78
|
5 |
$(document).ready(function() {
|
sawine@78
|
6 |
simulation = new Simulation(document.getElementById("sim"));
|
sawine@74
|
7 |
var image = new Image();
|
sawine@74
|
8 |
image.onload = init_logo;
|
sawine@74
|
9 |
image.src = "images/logobase.png";
|
sawine@74
|
10 |
$("#logo").click(handle_click);
|
sawine@74
|
11 |
$("#logo").hover(function() {
|
sawine@75
|
12 |
$(this).css("cursor", "pointer");
|
sawine@74
|
13 |
}, function() {
|
sawine@74
|
14 |
$(this).css("cursor", "auto");
|
sawine@77
|
15 |
});
|
sawine@78
|
16 |
$("#sim").mousemove(function(event) { simulation.mouse_moved(mouse_pos(event, "#sim"));});
|
sawine@78
|
17 |
var onEachFrame;
|
sawine@78
|
18 |
if (window.webkitRequestAnimationFrame) {
|
sawine@78
|
19 |
onEachFrame = function(cb) {
|
sawine@78
|
20 |
var _cb = function() { cb(); webkitRequestAnimationFrame(_cb); }
|
sawine@78
|
21 |
_cb();
|
sawine@78
|
22 |
};
|
sawine@78
|
23 |
} else if (window.mozRequestAnimationFrame) {
|
sawine@78
|
24 |
onEachFrame = function(cb) {
|
sawine@78
|
25 |
var _cb = function() { cb(); mozRequestAnimationFrame(_cb); }
|
sawine@78
|
26 |
_cb();
|
sawine@78
|
27 |
};
|
sawine@78
|
28 |
} else {
|
sawine@78
|
29 |
onEachFrame = function(cb) {
|
sawine@78
|
30 |
setInterval(cb, 1000 / 30);
|
sawine@78
|
31 |
}
|
sawine@78
|
32 |
}
|
sawine@78
|
33 |
window.onEachFrame = onEachFrame;
|
sawine@78
|
34 |
window.onEachFrame(update);
|
sawine@74
|
35 |
});
|
sawine@74
|
36 |
|
sawine@78
|
37 |
$(document).keypress(function(event) {
|
sawine@78
|
38 |
if (event.which == 13) {
|
sawine@74
|
39 |
event.preventDefault();
|
sawine@74
|
40 |
update_logo();
|
sawine@74
|
41 |
}
|
sawine@74
|
42 |
});
|
sawine@74
|
43 |
|
sawine@74
|
44 |
var menu_width = 670;
|
sawine@77
|
45 |
var menu_height = 100;
|
sawine@77
|
46 |
var menu_splits = new Array(180, 350, 505);
|
sawine@74
|
47 |
|
sawine@74
|
48 |
var click_events = new Array();
|
sawine@74
|
49 |
click_events["logo"] = new Array();
|
sawine@74
|
50 |
click_events["logo"][0] = new Object();
|
sawine@74
|
51 |
click_events["logo"][0]["min_x"] = 0;
|
sawine@75
|
52 |
click_events["logo"][0]["max_x"] = menu_splits[0];
|
sawine@74
|
53 |
click_events["logo"][0]["min_y"] = 0;
|
sawine@74
|
54 |
click_events["logo"][0]["max_y"] = menu_height;
|
sawine@74
|
55 |
click_events["logo"][0]["func"] = switch_page;
|
sawine@74
|
56 |
click_events["logo"][0]["args"] = new Array("personalwork.html");
|
sawine@74
|
57 |
click_events["logo"][1] = new Object();
|
sawine@75
|
58 |
click_events["logo"][1]["min_x"] = menu_splits[0] + 1;
|
sawine@75
|
59 |
click_events["logo"][1]["max_x"] = menu_splits[1];
|
sawine@74
|
60 |
click_events["logo"][1]["min_y"] = 0;
|
sawine@74
|
61 |
click_events["logo"][1]["max_y"] = menu_height;
|
sawine@74
|
62 |
click_events["logo"][1]["func"] = switch_page;
|
sawine@74
|
63 |
click_events["logo"][1]["args"] = new Array("howiwork.html");
|
sawine@74
|
64 |
click_events["logo"][2] = new Object();
|
sawine@75
|
65 |
click_events["logo"][2]["min_x"] = menu_splits[1] + 1;
|
sawine@75
|
66 |
click_events["logo"][2]["max_x"] = menu_splits[2];
|
sawine@74
|
67 |
click_events["logo"][2]["min_y"] = 0;
|
sawine@74
|
68 |
click_events["logo"][2]["max_y"] = menu_height;
|
sawine@74
|
69 |
click_events["logo"][2]["func"] = switch_page;
|
sawine@74
|
70 |
click_events["logo"][2]["args"] = new Array("books.html");
|
sawine@74
|
71 |
click_events["logo"][3] = new Object();
|
sawine@75
|
72 |
click_events["logo"][3]["min_x"] = menu_splits[2] + 1;
|
sawine@74
|
73 |
click_events["logo"][3]["max_x"] = menu_width - 1;
|
sawine@74
|
74 |
click_events["logo"][3]["min_y"] = 0;
|
sawine@74
|
75 |
click_events["logo"][3]["max_y"] = menu_height;
|
sawine@74
|
76 |
click_events["logo"][3]["func"] = switch_page;
|
sawine@74
|
77 |
click_events["logo"][3]["args"] = new Array("links.html", "linksend.html");
|
sawine@74
|
78 |
|
sawine@78
|
79 |
function mouse_pos(event, id) {
|
sawine@78
|
80 |
var offset = $(id).offset();
|
sawine@77
|
81 |
return new Array(event.pageX - offset.left,
|
sawine@77
|
82 |
event.pageY - offset.top);
|
sawine@77
|
83 |
}
|
sawine@77
|
84 |
|
sawine@77
|
85 |
function handle_click(event) {
|
sawine@78
|
86 |
var xy = mouse_pos(event, "#logo");
|
sawine@77
|
87 |
var x = xy[0];
|
sawine@77
|
88 |
var y = xy[1];
|
sawine@77
|
89 |
for (var i in click_events[event.target.id]) {
|
sawine@77
|
90 |
var ces = click_events[event.target.id][i];
|
sawine@74
|
91 |
if (ces && x >= ces["min_x"] && x <= ces["max_x"]
|
sawine@74
|
92 |
&& y >= ces["min_y"] && y <= ces["max_y"]) {
|
sawine@77
|
93 |
ces["func"](event.target.id, ces);
|
sawine@74
|
94 |
break;
|
sawine@74
|
95 |
}
|
sawine@74
|
96 |
}
|
sawine@74
|
97 |
}
|
sawine@74
|
98 |
|
sawine@74
|
99 |
function switch_page(id, params) {
|
sawine@74
|
100 |
var page = params["args"][0];
|
sawine@74
|
101 |
$("body").load(page);
|
sawine@74
|
102 |
document.location.href = page;
|
sawine@74
|
103 |
}
|
sawine@74
|
104 |
|
sawine@77
|
105 |
function colour_area(image, min_x, max_x, min_y, max_y, colour) {
|
sawine@74
|
106 |
var pixels = image.data;
|
sawine@74
|
107 |
for (var y = min_y; y <= max_y; y += 1) {
|
sawine@74
|
108 |
for (var x = min_x; x <= max_x; x += 1) {
|
sawine@74
|
109 |
var pix_colour = getPixel(image, x, y);
|
sawine@74
|
110 |
if (pix_colour.a > 0) {
|
sawine@74
|
111 |
colour.a = pix_colour.a;
|
sawine@74
|
112 |
setPixel(image, x, y, colour);
|
sawine@74
|
113 |
}
|
sawine@74
|
114 |
}
|
sawine@77
|
115 |
}
|
sawine@74
|
116 |
}
|
sawine@74
|
117 |
|
sawine@74
|
118 |
function init_logo(event) {
|
sawine@74
|
119 |
var canvas = document.getElementById("logo");
|
sawine@77
|
120 |
var context = canvas.getContext("2d");
|
sawine@74
|
121 |
canvas.width = menu_width;
|
sawine@74
|
122 |
canvas.height = menu_height;
|
sawine@74
|
123 |
context.drawImage(event.target, 0, 0);
|
sawine@78
|
124 |
var image = context.getImageData(0, 0, menu_width, menu_height);
|
sawine@74
|
125 |
for (var i in click_events["logo"]) {
|
sawine@77
|
126 |
var p = click_events["logo"][i];
|
sawine@77
|
127 |
var min_x = p["min_x"];
|
sawine@77
|
128 |
var max_x = p["max_x"];
|
sawine@77
|
129 |
var min_y = p["min_y"];
|
sawine@77
|
130 |
var max_y = p["max_y"];
|
sawine@74
|
131 |
var pos = document.location.href.lastIndexOf("/") + 1;
|
sawine@77
|
132 |
var page = document.location.href.substr(pos);
|
sawine@74
|
133 |
for (var j in p["args"]) {
|
sawine@74
|
134 |
if (page == p["args"][j]) {
|
sawine@78
|
135 |
colour_area(image, min_x, max_x, 0, 60, black);
|
sawine@78
|
136 |
colour_area(image, min_x, max_x, 60, max_y, white);
|
sawine@74
|
137 |
break;
|
sawine@74
|
138 |
}
|
sawine@78
|
139 |
else {
|
sawine@78
|
140 |
colour_area(image, min_x, max_x, 0, 60, white);
|
sawine@78
|
141 |
colour_area(image, min_x, max_x, 60, max_y, orange);
|
sawine@78
|
142 |
}
|
sawine@78
|
143 |
}
|
sawine@77
|
144 |
}
|
sawine@78
|
145 |
context.putImageData(image, 0, 0);
|
sawine@77
|
146 |
// context.fillStyle = green.str();
|
sawine@77
|
147 |
// console.log((found["max_x"] - found["min_x"]) / 2 + found["min_x"] - 2);
|
sawine@77
|
148 |
// context.fillRect((found["max_x"]-found["min_x"])/2+found["min_x"]-1, 95, 2, 5);
|
sawine@75
|
149 |
drawMenuLines();
|
sawine@75
|
150 |
}
|
sawine@75
|
151 |
|
sawine@75
|
152 |
function drawMenuLines() {
|
sawine@75
|
153 |
var canvas = document.getElementById("logo");
|
sawine@75
|
154 |
var context = canvas.getContext("2d");
|
sawine@75
|
155 |
var image = context.getImageData(0, 0, menu_width, menu_height);
|
sawine@75
|
156 |
var pixels = image.data;
|
sawine@75
|
157 |
context.lineCap = "round";
|
sawine@75
|
158 |
context.lineWidth = 1;
|
sawine@75
|
159 |
var colour1a = new Colour(0, 0, 0, 0.1);
|
sawine@75
|
160 |
context.beginPath();
|
sawine@75
|
161 |
context.moveTo(0, menu_height - 1);
|
sawine@75
|
162 |
context.lineTo(menu_width - 1, menu_height - 1);
|
sawine@75
|
163 |
context.closePath();
|
sawine@75
|
164 |
context.strokeStyle = colour1a.str();
|
sawine@76
|
165 |
context.stroke();
|
sawine@76
|
166 |
var colour1e = new Colour(0, 0, 0, 0.05);
|
sawine@76
|
167 |
context.beginPath();
|
sawine@76
|
168 |
context.moveTo(70, menu_height - 1);
|
sawine@76
|
169 |
context.lineTo(menu_width - 71, menu_height - 1);
|
sawine@76
|
170 |
context.closePath();
|
sawine@76
|
171 |
context.strokeStyle = colour1e.str();
|
sawine@76
|
172 |
context.stroke();
|
sawine@76
|
173 |
var colour1b = new Colour(0, 0, 0, 0.05);
|
sawine@75
|
174 |
context.beginPath();
|
sawine@75
|
175 |
context.moveTo(50, menu_height - 1);
|
sawine@75
|
176 |
context.lineTo(menu_width - 51, menu_height - 1);
|
sawine@75
|
177 |
context.closePath();
|
sawine@75
|
178 |
context.strokeStyle = colour1b.str();
|
sawine@75
|
179 |
context.stroke();
|
sawine@75
|
180 |
var colour1c = new Colour(0, 0, 0, 0.05);
|
sawine@75
|
181 |
context.beginPath();
|
sawine@75
|
182 |
context.moveTo(25, menu_height - 1);
|
sawine@75
|
183 |
context.lineTo(menu_width - 26, menu_height - 1);
|
sawine@75
|
184 |
context.closePath();
|
sawine@75
|
185 |
context.strokeStyle = colour1c.str();
|
sawine@75
|
186 |
context.stroke();
|
sawine@75
|
187 |
var colour1d = new Colour(0, 0, 0, 0.05);
|
sawine@75
|
188 |
context.beginPath();
|
sawine@75
|
189 |
context.moveTo(10, menu_height - 1);
|
sawine@75
|
190 |
context.lineTo(menu_width - 11, menu_height - 1);
|
sawine@75
|
191 |
context.closePath();
|
sawine@75
|
192 |
context.strokeStyle = colour1d.str();
|
sawine@75
|
193 |
context.stroke();
|
sawine@75
|
194 |
|
sawine@75
|
195 |
var colour2 = new Colour(0, 0, 0, 0.2);
|
sawine@75
|
196 |
context.beginPath();
|
sawine@75
|
197 |
context.moveTo(menu_splits[0], 0);
|
sawine@75
|
198 |
context.lineTo(menu_splits[0], menu_height - 1);
|
sawine@75
|
199 |
context.moveTo(menu_splits[1], 0);
|
sawine@75
|
200 |
context.lineTo(menu_splits[1], menu_height - 1);
|
sawine@75
|
201 |
context.moveTo(menu_splits[2], 0);
|
sawine@75
|
202 |
context.lineTo(menu_splits[2], menu_height - 1);
|
sawine@75
|
203 |
context.closePath();
|
sawine@75
|
204 |
context.strokeStyle = colour2.str();
|
sawine@75
|
205 |
context.stroke();
|
sawine@75
|
206 |
|
sawine@75
|
207 |
context.clearRect(menu_splits[0] - 1, menu_height - 1, 2, 2);
|
sawine@75
|
208 |
context.clearRect(menu_splits[1] - 1, menu_height - 1, 2, 2);
|
sawine@75
|
209 |
context.clearRect(menu_splits[2] - 1, menu_height - 1, 2, 2);
|
sawine@76
|
210 |
|
sawine@76
|
211 |
context.clearRect(menu_splits[0] - 1, menu_height - 2, 1, 1);
|
sawine@76
|
212 |
context.clearRect(menu_splits[1] - 1, menu_height - 2, 1, 1);
|
sawine@76
|
213 |
context.clearRect(menu_splits[2] - 1, menu_height - 2, 1, 1);
|
sawine@75
|
214 |
}
|
sawine@75
|
215 |
|
sawine@75
|
216 |
function clearMenuLines() {
|
sawine@75
|
217 |
var canvas = document.getElementById("logo");
|
sawine@75
|
218 |
var context = canvas.getContext("2d");
|
sawine@75
|
219 |
var image = context.getImageData(0, 0, menu_width, menu_height);
|
sawine@75
|
220 |
var pixels = image.data;
|
sawine@75
|
221 |
context.clearRect(0, menu_height - 2, menu_width - 1, 2);
|
sawine@75
|
222 |
context.clearRect(menu_splits[0] - 1, 0, 2, menu_height - 1);
|
sawine@75
|
223 |
context.clearRect(menu_splits[1] - 1, 0, 2, menu_height - 1);
|
sawine@75
|
224 |
context.clearRect(menu_splits[2] - 1, 0, 2, menu_height - 1);
|
sawine@74
|
225 |
}
|
sawine@74
|
226 |
|
sawine@74
|
227 |
function update_logo() {
|
sawine@74
|
228 |
var canvas = document.getElementById("logo");
|
sawine@74
|
229 |
var context = canvas.getContext("2d");
|
sawine@74
|
230 |
var image = context.getImageData(0, 0, menu_width, menu_height);
|
sawine@74
|
231 |
var pixels = image.data;
|
sawine@74
|
232 |
var white = new Colour(255, 255, 255);
|
sawine@74
|
233 |
for (var y = 0; y < menu_height; y += 1) {
|
sawine@74
|
234 |
for (var x = 0; x < menu_width; x += 1) {
|
sawine@74
|
235 |
var pix_colour = getPixel(image, x, y);
|
sawine@74
|
236 |
if (pix_colour.a > 0) {
|
sawine@74
|
237 |
setPixel(image, x, y, new Colour(90, 215, 21, pix_colour.a));
|
sawine@74
|
238 |
}
|
sawine@74
|
239 |
}
|
sawine@74
|
240 |
}
|
sawine@74
|
241 |
context.putImageData(image, 0, 0);
|
sawine@74
|
242 |
}
|
sawine@74
|
243 |
|
sawine@74
|
244 |
function Colour(r, g, b, a) {
|
sawine@74
|
245 |
this.r = r;
|
sawine@74
|
246 |
this.g = g;
|
sawine@74
|
247 |
this.b = b;
|
sawine@77
|
248 |
this.a = a == undefined ? 255 : a;
|
sawine@74
|
249 |
}
|
sawine@74
|
250 |
Colour.prototype.equals = function(rhs) {
|
sawine@74
|
251 |
for (p in this) {
|
sawine@74
|
252 |
if (typeof(rhs[p]) == undefined
|
sawine@74
|
253 |
|| this[p] != rhs[p]) {
|
sawine@74
|
254 |
return false;
|
sawine@74
|
255 |
}
|
sawine@74
|
256 |
}
|
sawine@74
|
257 |
return true;
|
sawine@74
|
258 |
}
|
sawine@75
|
259 |
Colour.prototype.str = function() {
|
sawine@75
|
260 |
return "rgba(" + this.r + "," + this.g + "," + this.b + "," + this.a + ")";
|
sawine@75
|
261 |
}
|
sawine@74
|
262 |
|
sawine@78
|
263 |
var white = new Colour(255, 255, 255);
|
sawine@78
|
264 |
var black = new Colour(0, 0, 0);
|
sawine@78
|
265 |
var orange = new Colour(201, 87, 35);
|
sawine@78
|
266 |
var green = new Colour(90, 215, 21);
|
sawine@78
|
267 |
var background = new Colour(34, 34, 34);
|
sawine@78
|
268 |
|
sawine@77
|
269 |
function setPixel(image, x, y, colour) {
|
sawine@74
|
270 |
var index = 4 * (x + y * image.width);
|
sawine@77
|
271 |
image.data[index] = colour.r;
|
sawine@77
|
272 |
image.data[index + 1] = colour.g;
|
sawine@77
|
273 |
image.data[index + 2] = colour.b;
|
sawine@77
|
274 |
image.data[index + 3] = colour.a;
|
sawine@74
|
275 |
}
|
sawine@74
|
276 |
|
sawine@74
|
277 |
function getPixel(image, x, y) {
|
sawine@74
|
278 |
var index = 4 * (x + y * image.width);
|
sawine@74
|
279 |
var r = image.data[index];
|
sawine@74
|
280 |
var g = image.data[index + 1];
|
sawine@74
|
281 |
var b = image.data[index + 2];
|
sawine@74
|
282 |
var a = image.data[index + 3];
|
sawine@74
|
283 |
return new Colour(r, g, b, a);
|
sawine@74
|
284 |
}
|
sawine@74
|
285 |
|
sawine@74
|
286 |
function load_random_quote() {
|
sawine@74
|
287 |
var file = "/quotes/quote" + Math.floor(Math.random() * QUOTES_NUMBER + 1) + ".html";
|
sawine@74
|
288 |
$.ajax({url: SERVER + file,
|
sawine@74
|
289 |
success: write_quote});
|
sawine@74
|
290 |
}
|
sawine@74
|
291 |
|
sawine@74
|
292 |
function write_quote(data, status, xhr) {
|
sawine@74
|
293 |
$("#random_quote").html(data);
|
sawine@74
|
294 |
}
|
sawine@74
|
295 |
|
sawine@74
|
296 |
function load_footer()
|
sawine@74
|
297 |
{
|
sawine@74
|
298 |
var file = "/footer.html";
|
sawine@74
|
299 |
var currentFile = self.location.hostname + self.location.pathname;
|
sawine@74
|
300 |
var request = http_request_object();
|
sawine@74
|
301 |
var url = "http://" + self.location.hostname + file;
|
sawine@74
|
302 |
request.open("GET", url, false);
|
sawine@74
|
303 |
request.setRequestHeader("User-Agent", navigator.userAgent);
|
sawine@74
|
304 |
request.send(null)
|
sawine@74
|
305 |
// if (oRequest.status == 200) alert(oRequest.responseText);
|
sawine@74
|
306 |
// else alert("Error executing XMLHttpRequest call!");
|
sawine@74
|
307 |
//document.write(url);
|
sawine@74
|
308 |
//document.write(request.responseText);
|
sawine@74
|
309 |
document.getElementById('footer').innerHTML = request.responseText;
|
sawine@74
|
310 |
}
|
sawine@74
|
311 |
|
sawine@74
|
312 |
|
sawine@74
|
313 |
|
sawine@74
|
314 |
// Mandelbrot functions
|
sawine@74
|
315 |
function Complex(real, imag)
|
sawine@74
|
316 |
{
|
sawine@74
|
317 |
this.real = real;
|
sawine@74
|
318 |
this.imag = imag;
|
sawine@74
|
319 |
}
|
sawine@74
|
320 |
|
sawine@74
|
321 |
var MIN_C = new Complex(-2.2, -1.4);
|
sawine@74
|
322 |
var MAX_C = new Complex(1.0, 1.4);
|
sawine@74
|
323 |
var min_c = MIN_C;
|
sawine@74
|
324 |
var max_c = MAX_C;
|
sawine@74
|
325 |
var MIN_ITER = 100;
|
sawine@74
|
326 |
var max_iter = MIN_ITER;
|
sawine@74
|
327 |
var zoom = 1.0;
|
sawine@74
|
328 |
var resolution = 3;
|
sawine@74
|
329 |
var bailout = 4.0;
|
sawine@74
|
330 |
|
sawine@74
|
331 |
function Result(z, iter)
|
sawine@74
|
332 |
{
|
sawine@74
|
333 |
this.z = z;
|
sawine@74
|
334 |
this.iter = iter;
|
sawine@74
|
335 |
}
|
sawine@74
|
336 |
|
sawine@74
|
337 |
function complex_quad(c)
|
sawine@74
|
338 |
{
|
sawine@74
|
339 |
return new Complex(Math.pow(c.real, 2) - Math.pow(c.imag, 2),
|
sawine@74
|
340 |
2.0 * c.real * c.imag);
|
sawine@74
|
341 |
}
|
sawine@74
|
342 |
|
sawine@74
|
343 |
function complex_quad_value(c)
|
sawine@74
|
344 |
{
|
sawine@74
|
345 |
return Math.pow(c.real, 2) + Math.pow(c.imag, 2);
|
sawine@74
|
346 |
}
|
sawine@74
|
347 |
|
sawine@74
|
348 |
function complex_add(c1, c2)
|
sawine@74
|
349 |
{
|
sawine@74
|
350 |
return new Complex(c1.real + c2.real, c1.imag + c2.imag);
|
sawine@74
|
351 |
}
|
sawine@74
|
352 |
|
sawine@74
|
353 |
function complex_equal(c1, c2)
|
sawine@74
|
354 |
{
|
sawine@74
|
355 |
return (c1.real == c2.real) && (c1.imag == c2.imag);
|
sawine@74
|
356 |
}
|
sawine@74
|
357 |
|
sawine@74
|
358 |
function iterate(z, c)
|
sawine@74
|
359 |
{
|
sawine@74
|
360 |
z_quad = complex_quad(z);
|
sawine@74
|
361 |
return new Complex(z_quad.real + c.real, z_quad.imag + c.imag);
|
sawine@74
|
362 |
}
|
sawine@74
|
363 |
|
sawine@74
|
364 |
function test(c, max_iter)
|
sawine@74
|
365 |
{
|
sawine@74
|
366 |
var iter = 0;
|
sawine@74
|
367 |
var z = new Complex(0.0, 0.0);
|
sawine@74
|
368 |
var last_z = new Complex(-1.0, 0.0);
|
sawine@74
|
369 |
var quad_z = complex_quad_value(z);
|
sawine@74
|
370 |
|
sawine@74
|
371 |
while (iter < max_iter
|
sawine@74
|
372 |
&& !complex_equal(z, last_z)
|
sawine@74
|
373 |
&& quad_z <= bailout)
|
sawine@74
|
374 |
{
|
sawine@74
|
375 |
last_z = z;
|
sawine@74
|
376 |
z = iterate(z, c);
|
sawine@74
|
377 |
quad_z = complex_quad_value(z);
|
sawine@74
|
378 |
iter++;
|
sawine@74
|
379 |
}
|
sawine@74
|
380 |
return new Result(quad_z, iter);
|
sawine@74
|
381 |
}
|
sawine@74
|
382 |
|
sawine@74
|
383 |
function draw(diter, dx, dy, dz, dres)
|
sawine@74
|
384 |
{
|
sawine@74
|
385 |
var canvas = document.getElementById('mandelbrot');
|
sawine@74
|
386 |
|
sawine@74
|
387 |
if (canvas.getContext)
|
sawine@74
|
388 |
{
|
sawine@74
|
389 |
zoom += dz;
|
sawine@74
|
390 |
var ctx = canvas.getContext('2d');
|
sawine@74
|
391 |
|
sawine@74
|
392 |
if (dres != 0)
|
sawine@74
|
393 |
{
|
sawine@74
|
394 |
resolution = Math.max(1, resolution + dres);
|
sawine@74
|
395 |
}
|
sawine@74
|
396 |
|
sawine@74
|
397 |
if (diter != 0)
|
sawine@74
|
398 |
{
|
sawine@74
|
399 |
max_iter = Math.max(MIN_ITER, max_iter + diter);
|
sawine@74
|
400 |
}
|
sawine@74
|
401 |
|
sawine@74
|
402 |
var red = "rgb(255, 0, 0)";
|
sawine@74
|
403 |
var white = "rgb(255, 255, 255)";
|
sawine@74
|
404 |
var width = canvas.width;
|
sawine@74
|
405 |
var height = canvas.height;
|
sawine@74
|
406 |
var dim = Math.max(width, height);
|
sawine@74
|
407 |
var dim_ratio = Math.round(width / height);
|
sawine@74
|
408 |
var diff_c = new Complex(max_c.real - min_c.real,
|
sawine@74
|
409 |
max_c.imag - min_c.imag);
|
sawine@74
|
410 |
dx_min = diff_c.real / 100 * (dx + dz);
|
sawine@74
|
411 |
dx_max = diff_c.real / 100 * (dx - dz);
|
sawine@74
|
412 |
|
sawine@74
|
413 |
dy_min = diff_c.imag / 100 * (dy + dz);
|
sawine@74
|
414 |
dy_max = diff_c.imag / 100 * (dy - dz);
|
sawine@74
|
415 |
|
sawine@74
|
416 |
var min_inc = new Complex(dx_min * dim_ratio / 2.0, dy_min);
|
sawine@74
|
417 |
var max_inc = new Complex(dx_max * dim_ratio / 2.0, dy_max);
|
sawine@74
|
418 |
min_c = complex_add(min_c, min_inc);
|
sawine@74
|
419 |
max_c = complex_add(max_c, max_inc);
|
sawine@74
|
420 |
diff_c = new Complex(max_c.real - min_c.real,
|
sawine@74
|
421 |
max_c.imag - min_c.imag);
|
sawine@74
|
422 |
|
sawine@74
|
423 |
for (var y = 0; y < height; y += resolution)
|
sawine@74
|
424 |
{
|
sawine@74
|
425 |
for (var x = 0; x < width; x += resolution)
|
sawine@74
|
426 |
{
|
sawine@74
|
427 |
var c = new Complex(min_c.real + diff_c.real / dim * x,
|
sawine@74
|
428 |
min_c.imag + diff_c.imag / dim * y);
|
sawine@74
|
429 |
var result = test(c, max_iter);
|
sawine@74
|
430 |
var r = Math.min(255, Math.pow(Math.max(0,
|
sawine@74
|
431 |
(result.iter - max_iter / 20.0)), 2));
|
sawine@74
|
432 |
var g = Math.min(255, Math.pow(Math.max(0,
|
sawine@74
|
433 |
(result.iter - max_iter / 25.0)), 2));
|
sawine@74
|
434 |
var b = Math.min(255, Math.pow(Math.max(0,
|
sawine@74
|
435 |
(result.iter - max_iter / 20.0)), 2));
|
sawine@74
|
436 |
var colour = "rgb(" + r + "," + g + "," + b + ")";
|
sawine@74
|
437 |
ctx.fillStyle = colour;
|
sawine@74
|
438 |
ctx.fillRect(x, y, resolution, resolution);
|
sawine@74
|
439 |
}
|
sawine@74
|
440 |
}
|
sawine@74
|
441 |
}
|
sawine@74
|
442 |
}
|
sawine@74
|
443 |
|
sawine@74
|
444 |
function getEventOffsetX(evt)
|
sawine@74
|
445 |
{
|
sawine@74
|
446 |
if (evt.offsetX != null)
|
sawine@74
|
447 |
return evt.offsetX;
|
sawine@74
|
448 |
|
sawine@74
|
449 |
var obj = evt.target || evt.srcElement;
|
sawine@74
|
450 |
setPageTopLeft(obj);
|
sawine@74
|
451 |
return (evt.clientX - obj.pageLeft);
|
sawine@74
|
452 |
}
|
sawine@74
|
453 |
|
sawine@74
|
454 |
function getEventOffsetY(evt)
|
sawine@74
|
455 |
{
|
sawine@74
|
456 |
if (evt.offsetY != null)
|
sawine@74
|
457 |
return evt.offsetY;
|
sawine@74
|
458 |
|
sawine@74
|
459 |
var obj = evt.target || evt.srcElement;
|
sawine@74
|
460 |
setPageTopLeft(obj);
|
sawine@74
|
461 |
return (evt.clientY - obj.pageTop);
|
sawine@74
|
462 |
}
|
sawine@74
|
463 |
|
sawine@74
|
464 |
function setPageTopLeft( o )
|
sawine@74
|
465 |
{
|
sawine@74
|
466 |
var top = 0,
|
sawine@74
|
467 |
left = 0,
|
sawine@74
|
468 |
obj = o;
|
sawine@74
|
469 |
|
sawine@74
|
470 |
while (o.offsetParent)
|
sawine@74
|
471 |
{
|
sawine@74
|
472 |
left += o.offsetLeft ;
|
sawine@74
|
473 |
top += o.offsetTop ;
|
sawine@74
|
474 |
o = o.offsetParent ;
|
sawine@74
|
475 |
};
|
sawine@74
|
476 |
|
sawine@74
|
477 |
obj.pageTop = top;
|
sawine@74
|
478 |
obj.pageLeft = left;
|
sawine@74
|
479 |
}
|
sawine@74
|
480 |
|
sawine@78
|
481 |
function draw2(evt) {
|
sawine@78
|
482 |
var iter = 0;
|
sawine@78
|
483 |
var res = 0;
|
sawine@78
|
484 |
var x = (getEventOffsetX(evt) - 335) / 167.5;
|
sawine@74
|
485 |
var y = (getEventOffsetY(evt) - 140) / 70;
|
sawine@78
|
486 |
var z = 0;
|
sawine@78
|
487 |
draw(iter, x, y, z, res);
|
sawine@74
|
488 |
}
|
sawine@74
|
489 |
|
sawine@78
|
490 |
function update() {
|
sawine@78
|
491 |
simulation.update();
|
sawine@78
|
492 |
simulation.draw();
|
sawine@78
|
493 |
}
|
sawine@74
|
494 |
|
sawine@78
|
495 |
function Grid(width, height, cell_size) {
|
sawine@78
|
496 |
this.width = parseInt(width / cell_size);
|
sawine@78
|
497 |
this.height = parseInt(height / cell_size);
|
sawine@78
|
498 |
this.canvas_width = width;
|
sawine@78
|
499 |
this.canvas_height = height;
|
sawine@78
|
500 |
this.cell_size = cell_size;
|
sawine@78
|
501 |
this.cells = new Array();
|
sawine@78
|
502 |
for (var y = 0; y < this.height; ++y) {
|
sawine@78
|
503 |
this.cells[y] = new Array();
|
sawine@78
|
504 |
for (var x = 0; x < this.width; ++x) {
|
sawine@78
|
505 |
this.cells[y][x] = new Cell(x, y, 0, this);
|
sawine@78
|
506 |
}
|
sawine@78
|
507 |
}
|
sawine@78
|
508 |
}
|
sawine@78
|
509 |
Grid.prototype.cell = function(x, y) {
|
sawine@78
|
510 |
return this.cells[y][x];
|
sawine@78
|
511 |
}
|
sawine@78
|
512 |
Grid.prototype.pick_cell = function(x, y) {
|
sawine@78
|
513 |
var lx = parseInt(x / this.cell_size);
|
sawine@78
|
514 |
var ly = parseInt(y / this.cell_size);
|
sawine@78
|
515 |
return this.cells[ly][lx];
|
sawine@78
|
516 |
}
|
sawine@78
|
517 |
|
sawine@78
|
518 |
function Cell(x, y, value, grid) {
|
sawine@78
|
519 |
this.x = x;
|
sawine@78
|
520 |
this.y = y;
|
sawine@78
|
521 |
this.canvas_x = x * grid.cell_size;
|
sawine@78
|
522 |
this.canvas_y = y * grid.cell_size;
|
sawine@78
|
523 |
this.value = value;
|
sawine@78
|
524 |
this.grid = grid;
|
sawine@78
|
525 |
this._neighbours = new Array();
|
sawine@78
|
526 |
this.last_mod = 0;
|
sawine@78
|
527 |
}
|
sawine@78
|
528 |
Cell.prototype.hash = function() {
|
sawine@78
|
529 |
return this.x + ", " + this.y;
|
sawine@78
|
530 |
}
|
sawine@78
|
531 |
Cell.prototype.set_value = function(value) {
|
sawine@78
|
532 |
this.value = value;
|
sawine@78
|
533 |
this.last_mod = $.now();
|
sawine@78
|
534 |
}
|
sawine@78
|
535 |
Cell.prototype.neighbours = function() {
|
sawine@78
|
536 |
if (this._neighbours.length) {
|
sawine@78
|
537 |
return this._neighbours;
|
sawine@78
|
538 |
}
|
sawine@78
|
539 |
if (this.x > 0) {
|
sawine@78
|
540 |
this._neighbours.push(this.grid.cell(this.x-1, this.y));
|
sawine@78
|
541 |
if (this.y > 0) {
|
sawine@78
|
542 |
this._neighbours.push(this.grid.cell(this.x-1, this.y-1));
|
sawine@78
|
543 |
this._neighbours.push(this.grid.cell(this.x, this.y-1));
|
sawine@78
|
544 |
}
|
sawine@78
|
545 |
if (this.y + 1 < this.grid.height) {
|
sawine@78
|
546 |
this._neighbours.push(this.grid.cell(this.x-1, this.y+1));
|
sawine@78
|
547 |
}
|
sawine@78
|
548 |
}
|
sawine@78
|
549 |
if (this.x + 1 < this.grid.width) {
|
sawine@78
|
550 |
this._neighbours.push(this.grid.cell(this.x+1, this.y));
|
sawine@78
|
551 |
if (this.y + 1 < this.grid.height) {
|
sawine@78
|
552 |
this._neighbours.push(this.grid.cell(this.x+1, this.y+1));
|
sawine@78
|
553 |
this._neighbours.push(this.grid.cell(this.x, this.y+1));
|
sawine@78
|
554 |
}
|
sawine@78
|
555 |
if (this.y > 0) {
|
sawine@78
|
556 |
this._neighbours.push(this.grid.cell(this.x+1, this.y-1));
|
sawine@78
|
557 |
}
|
sawine@78
|
558 |
}
|
sawine@78
|
559 |
return this._neighbours;
|
sawine@78
|
560 |
}
|
sawine@78
|
561 |
Cell.prototype.density = function() {
|
sawine@78
|
562 |
var d = 0;
|
sawine@78
|
563 |
var neighbours = this.neighbours();
|
sawine@78
|
564 |
for (var n in neighbours) {
|
sawine@78
|
565 |
d += neighbours[n].value;
|
sawine@78
|
566 |
}
|
sawine@78
|
567 |
return d;
|
sawine@78
|
568 |
}
|
sawine@78
|
569 |
|
sawine@78
|
570 |
function Simulation(canvas) {
|
sawine@78
|
571 |
this.last_update = 0;
|
sawine@78
|
572 |
this.last_draw = 0;
|
sawine@78
|
573 |
this.last_mouse_moved = 0;
|
sawine@78
|
574 |
this.redraw = new Array();
|
sawine@78
|
575 |
this.canvas = canvas;
|
sawine@78
|
576 |
this.canvas.width = 670;
|
sawine@78
|
577 |
this.canvas.height = 30;
|
sawine@78
|
578 |
this.context = canvas.getContext("2d");
|
sawine@78
|
579 |
this.pos_queue = new Array();
|
sawine@78
|
580 |
this.cell_queue = new Array();
|
sawine@78
|
581 |
var cell_size = 3;
|
sawine@78
|
582 |
this.grid = new Grid(this.canvas.width, this.canvas.height, cell_size);
|
sawine@78
|
583 |
}
|
sawine@78
|
584 |
Simulation.prototype.draw = function() {
|
sawine@78
|
585 |
var now = $.now();
|
sawine@78
|
586 |
while (this.redraw.length) {
|
sawine@78
|
587 |
var cell = this.redraw.pop();
|
sawine@78
|
588 |
this.context.fillStyle = cell.value == 1 ? green.str() : background.str();
|
sawine@78
|
589 |
this.context.fillRect(cell.canvas_x, cell.canvas_y,
|
sawine@78
|
590 |
this.grid.cell_size, this.grid.cell_size);
|
sawine@78
|
591 |
this.last_draw = $.now();
|
sawine@78
|
592 |
}
|
sawine@78
|
593 |
}
|
sawine@78
|
594 |
Simulation.prototype.update = function() {
|
sawine@78
|
595 |
var now = $.now();
|
sawine@78
|
596 |
if (this.pos_queue.length) {
|
sawine@78
|
597 |
var pos = this.pos_queue.pop();
|
sawine@78
|
598 |
if (pos[0] < this.canvas.width
|
sawine@78
|
599 |
&& pos[1] < this.canvas.height) {
|
sawine@78
|
600 |
var cell = this.grid.pick_cell(pos[0], pos[1]);
|
sawine@78
|
601 |
cell.set_value(1);
|
sawine@78
|
602 |
this.cell_queue.push(cell);
|
sawine@78
|
603 |
this.cell_queue.concat(cell.neighbours());
|
sawine@78
|
604 |
this.redraw.push(cell);
|
sawine@78
|
605 |
}
|
sawine@78
|
606 |
}
|
sawine@78
|
607 |
if (this.last_update + 300 > now) {
|
sawine@78
|
608 |
return;
|
sawine@78
|
609 |
}
|
sawine@78
|
610 |
var changed = new Array();
|
sawine@78
|
611 |
if (this.cell_queue.length) {
|
sawine@78
|
612 |
var cell = this.cell_queue.pop();
|
sawine@78
|
613 |
if (changed[cell.hash()]) {
|
sawine@78
|
614 |
console.log(cell)
|
sawine@78
|
615 |
console.log(changed[cell.hash()]);
|
sawine@78
|
616 |
return;
|
sawine@78
|
617 |
}
|
sawine@78
|
618 |
var d = cell.density();
|
sawine@78
|
619 |
if (d == 3 && cell.value == 0) {
|
sawine@78
|
620 |
changed[cell.hash()] = cell;
|
sawine@78
|
621 |
this.cell_queue.concat(cell.neighbours());
|
sawine@78
|
622 |
} else if (cell.value == 1) {
|
sawine@78
|
623 |
if (d < 2 || d > 3) {
|
sawine@78
|
624 |
changed[cell.hash()] = cell;
|
sawine@78
|
625 |
this.cell_queue.concat(cell.neighbours());
|
sawine@78
|
626 |
}
|
sawine@78
|
627 |
}
|
sawine@78
|
628 |
}
|
sawine@78
|
629 |
for (var pos in changed) {
|
sawine@78
|
630 |
var cell = changed[pos];
|
sawine@78
|
631 |
cell.set_value(1 - cell.value);
|
sawine@78
|
632 |
this.redraw.push(cell);
|
sawine@78
|
633 |
}
|
sawine@78
|
634 |
this.last_update = now;
|
sawine@78
|
635 |
}
|
sawine@78
|
636 |
Simulation.prototype.mouse_moved = function(pos) {
|
sawine@78
|
637 |
var now = $.now();
|
sawine@78
|
638 |
if (this.last_mouse_moved + 50 < now) {
|
sawine@78
|
639 |
this.pos_queue.push(pos);
|
sawine@78
|
640 |
this.last_mouse_moved = now;
|
sawine@78
|
641 |
}
|
sawine@78
|
642 |
}
|
sawine@78
|
643 |
|
sawine@78
|
644 |
|