1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
var loadUrl = '/img/load';
var saveUrl = '/cgi-bin/im/landscape';
var textureURL, heightmapURL;
function saveScene(){
if (!renderer) {
alert("WebGL Rendering was not started yet!");
} else {
// Prepare data
var imageData = renderer.domElement.toDataURL("image/png");
//Remove header
var seconds = new Date() / 1000;
seconds = seconds.toFixed(0);
var userName = $("#username").val()
update_username(userName);
var filename;
if (!userName) {
filename = seconds + "_imlandscape";
} else {
filename = seconds + "_imglandscape_" + userName;
}
filename += ".png";
is_generating = true;
toggle_background();
// Send post request
$.post(
saveUrl,
{
name: "pepper", //FIXME
imgdata: imageData,
texture: $("#texture").val(),
heightmap: $("#heightmap").val(),
},
function(response) {
console.log(response);
is_generating = false;
toggle_background();
resp = response.split("\n");
url = resp[3]
loadUrlResult(resp[3])
}
);
}
}
function loadUrlResult(url){
$(".url_result").show();
url_shortened = "...."+ url.slice(url.length-10);
$("a.url_result").attr("href", url);
$("a.url_result").html(url_shortened);
};
function loadNew() {
//Get values for url
textureURL = document.getElementById("texture").value.replace(/\s/,"");
heightmapURL = document.getElementById("heightmap").value.replace(/\s/,"");
is_generating = true;
toggle_background();
console.log(textureURL);
console.log(heightmapURL);
stop_animating();
var new_texture = '/cgi-bin/proxy?'+textureURL;
var new_heightmap = '/cgi-bin/proxy?'+heightmapURL;
initGraphics(new_texture, new_heightmap, function(){ animate() } );
}
function isUrl(s) {
var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?\.(jpg|JPG|jpeg|JPEG)/;
return regexp.test(s);
}
|
