|
|
@@ -0,0 +1,60 @@
|
|
|
+var backColor = "rgba(200, 200, 200, 255)";
|
|
|
+var vertColor = "rgba(10, 10, 10, 255)";
|
|
|
+var edgeColor = "rgba(200, 0, 0, 255)";
|
|
|
+var faceColor = "rgba(180, 180, 255, 200)";
|
|
|
+var textColor = "rgba(0, 0, 0, 255)";
|
|
|
+var vertSize = 5;
|
|
|
+
|
|
|
+var mDown = false;
|
|
|
+
|
|
|
+var canvas;
|
|
|
+var ctx;
|
|
|
+
|
|
|
+function loadModel(val){
|
|
|
+ //Get file
|
|
|
+ xmlhttp = new XMLHttpRequest();
|
|
|
+ xmlhttp.open("GET","/obj/" + val.value + ".obj", false);
|
|
|
+ xmlhttp.send();
|
|
|
+ var fileContent = xmlhttp.responseText;
|
|
|
+
|
|
|
+ initCanvas();
|
|
|
+ writeCredits();
|
|
|
+}
|
|
|
+
|
|
|
+function initCanvas(){
|
|
|
+ canvas = document.getElementById("ObJSCanvas");
|
|
|
+ ctx = canvas.getContext("2d");
|
|
|
+
|
|
|
+ ctx.fillStyle = backColor;
|
|
|
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
|
+
|
|
|
+
|
|
|
+ canvas.onmousedown = function(e){
|
|
|
+
|
|
|
+ mDown = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ canvas.onmouseup = function(e){
|
|
|
+ if(mDown) mouseClick(e);
|
|
|
+
|
|
|
+ mDown = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ canvas.onmousemove = function(e){
|
|
|
+ if(!mDown) return;
|
|
|
+
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function mouseClick(){
|
|
|
+ //TODO: Element clicked
|
|
|
+}
|
|
|
+
|
|
|
+function writeCredits(){
|
|
|
+ ctx.fillStyle = textColor;
|
|
|
+ ctx.font = "12px Arial";
|
|
|
+ var h = canvas.height - 14;
|
|
|
+ var w = canvas.width - 45;
|
|
|
+ ctx.fillText("ObJS", w, h);
|
|
|
+}
|
Iñigo Valentin