diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/style/favicon144.png b/style/favicon144.png new file mode 100644 index 0000000..8a8b6f1 --- /dev/null +++ b/style/favicon144.png Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/style/favicon144.png b/style/favicon144.png new file mode 100644 index 0000000..8a8b6f1 --- /dev/null +++ b/style/favicon144.png Binary files differ diff --git a/style/favicon32.png b/style/favicon32.png new file mode 100644 index 0000000..e76c386 --- /dev/null +++ b/style/favicon32.png Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/style/favicon144.png b/style/favicon144.png new file mode 100644 index 0000000..8a8b6f1 --- /dev/null +++ b/style/favicon144.png Binary files differ diff --git a/style/favicon32.png b/style/favicon32.png new file mode 100644 index 0000000..e76c386 --- /dev/null +++ b/style/favicon32.png Binary files differ diff --git a/style/favicon96.png b/style/favicon96.png new file mode 100644 index 0000000..145b51a --- /dev/null +++ b/style/favicon96.png Binary files differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/style/favicon144.png b/style/favicon144.png new file mode 100644 index 0000000..8a8b6f1 --- /dev/null +++ b/style/favicon144.png Binary files differ diff --git a/style/favicon32.png b/style/favicon32.png new file mode 100644 index 0000000..e76c386 --- /dev/null +++ b/style/favicon32.png Binary files differ diff --git a/style/favicon96.png b/style/favicon96.png new file mode 100644 index 0000000..145b51a --- /dev/null +++ b/style/favicon96.png Binary files differ diff --git a/style/index.css b/style/index.css new file mode 100644 index 0000000..0c982b1 --- /dev/null +++ b/style/index.css @@ -0,0 +1,10 @@ +html, body, canvas { + width: 100%; + height: 100%; + overflow: hidden; +} + +canvas { + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/app.js b/app.js new file mode 100644 index 0000000..c4fd479 --- /dev/null +++ b/app.js @@ -0,0 +1,16 @@ +"use strict"; + +var express = require("express"); +var path = require("path"); + +var app = express(); + +app.set("port", 8080); +app.disable("x-powered-by"); + +app.use("/style", express.static(path.join(__dirname, "style"))); +app.use("/models", express.static(path.join(__dirname, "style"))); +app.use("/three", express.static(path.join(__dirname, "node_modules", "three", "build"))); +app.use("/", express.static(path.join(__dirname, "public"))); + +app.listen(app.get("port"), () => console.log("Started...")); \ No newline at end of file diff --git a/core.css b/core.css deleted file mode 100644 index f199260..0000000 --- a/core.css +++ /dev/null @@ -1,28 +0,0 @@ -html, body { - margin: 0; - background: #202020; - font-family: Arial, Helvetica, sans-serif; - color: #EEEEEE; -} - -input[type=text], input[type=password] { - /* font-family: Arial, Helvetica, sans-serif; */ - background-color: #EEEEEE; - color: #202020; -} - -a, input[type=button], input[type=submit] { - color: #EEEEEE; - background: #4512ff; - border: 0; - border-radius: 3px; - padding: 5px; - font-size: 1em; -} -a:hover, input[type=button]:hover, input[type=submit]:hover { - background: rgb(51, 15, 182); - cursor: pointer; -} -a:active, input[type=button]:active, input[type=submit]:active { - background: rgb(37, 12, 131); -} \ No newline at end of file diff --git a/favicon.svg b/favicon.svg deleted file mode 100644 index ed65d0c..0000000 --- a/favicon.svg +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - ∞ - diff --git a/favicon144.png b/favicon144.png deleted file mode 100644 index 8a8b6f1..0000000 --- a/favicon144.png +++ /dev/null Binary files differ diff --git a/favicon32.png b/favicon32.png deleted file mode 100644 index e76c386..0000000 --- a/favicon32.png +++ /dev/null Binary files differ diff --git a/favicon96.png b/favicon96.png deleted file mode 100644 index 145b51a..0000000 --- a/favicon96.png +++ /dev/null Binary files differ diff --git a/index.css b/index.css deleted file mode 100644 index 0c982b1..0000000 --- a/index.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body, canvas { - width: 100%; - height: 100%; - overflow: hidden; -} - -canvas { - width: 100%; - height: 100%; -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index bc005c5..0000000 --- a/index.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - Make it rain - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.js b/index.js deleted file mode 100644 index 67155e1..0000000 --- a/index.js +++ /dev/null @@ -1,61 +0,0 @@ -/// - -"use strict"; - -document.addEventListener("DOMContentLoaded", function pageInit(){ - - /** @type {HTMLCanvasElement} */ - const canvas = document.getElementById("playground"); - const canvasWidth = Math.floor(canvas.clientWidth); - const canvasHeight = Math.floor(canvas.clientHeight); - - const scene = new THREE.Scene(); - const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); - - const renderer = new THREE.WebGLRenderer({ - canvas: document.getElementById("playground"), - antialias: true - }); - renderer.setSize(canvasWidth, canvasHeight); - renderer.shadowMap.enabled = true; - renderer.shadowMap.type = THREE.PCFSoftShadowMap; - - document.body.appendChild(renderer.domElement); - - const geometry = new THREE.BoxGeometry(1,1,1); - const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) - const cube = new THREE.Mesh(geometry, material); - cube.castShadow = true; - scene.add(cube); - - camera.position.z = 5; - - const light = new THREE.PointLight(0xffffff, 1, 50); - light.position.set(5,5,5); - light.castShadow = true; - scene.add(light); - - const plane = new THREE.Mesh( - new THREE.PlaneBufferGeometry(5, 5, 10, 10), - new THREE.MeshPhongMaterial({color: 0xffffff}) - ); - plane.rotateX(-Math.PI/2); - plane.position.y = -1; - plane.receiveShadow = true; - scene.add(plane); - - // renderer.gammaInput = true; - // renderer.gammaOutput = true; - - // const helper = new THREE.CameraHelper(light.shadow.camera); - // scene.add(helper); - - function animate(){ - requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); - } - animate(); - -}); \ No newline at end of file diff --git a/infinitePreview.png b/infinitePreview.png deleted file mode 100644 index a39e3ba..0000000 --- a/infinitePreview.png +++ /dev/null Binary files differ diff --git a/package-lock.json b/package-lock.json index 7fba833..190e5c2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,10 +4,397 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "accepts": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz", + "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=", + "requires": { + "mime-types": "~2.1.18", + "negotiator": "0.6.1" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.18.2", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz", + "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=", + "requires": { + "bytes": "3.0.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.1", + "http-errors": "~1.6.2", + "iconv-lite": "0.4.19", + "on-finished": "~2.3.0", + "qs": "6.5.1", + "raw-body": "2.3.2", + "type-is": "~1.6.15" + } + }, + "bytes": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", + "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=" + }, + "content-disposition": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz", + "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=" + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", + "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.16.3", + "resolved": "https://registry.npmjs.org/express/-/express-4.16.3.tgz", + "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=", + "requires": { + "accepts": "~1.3.5", + "array-flatten": "1.1.1", + "body-parser": "1.18.2", + "content-disposition": "0.5.2", + "content-type": "~1.0.4", + "cookie": "0.3.1", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "1.1.1", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.3", + "qs": "6.5.1", + "range-parser": "~1.2.0", + "safe-buffer": "5.1.1", + "send": "0.16.2", + "serve-static": "1.13.2", + "setprototypeof": "1.1.0", + "statuses": "~1.4.0", + "type-is": "~1.6.16", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz", + "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.2", + "statuses": "~1.4.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.6.3", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.0", + "statuses": ">= 1.4.0 < 2" + } + }, + "iconv-lite": { + "version": "0.4.19", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz", + "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==" + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.6.0.tgz", + "integrity": "sha1-4/o1e3c9phnybpXwSdBVxyeW+Gs=" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", + "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==" + }, + "mime-db": { + "version": "1.33.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz", + "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==" + }, + "mime-types": { + "version": "2.1.18", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz", + "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==", + "requires": { + "mime-db": "~1.33.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", + "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz", + "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=" + }, + "path": { + "version": "0.12.7", + "resolved": "https://registry.npmjs.org/path/-/path-0.12.7.tgz", + "integrity": "sha1-1NwqUGxM4hl+tIHr/NWzbAFAsQ8=", + "requires": { + "process": "^0.11.1", + "util": "^0.10.3" + } + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" + }, + "proxy-addr": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.3.tgz", + "integrity": "sha512-jQTChiCJteusULxjBp8+jftSQE5Obdl3k4cnmLA6WXtK6XFuWRnvVL7aCiBqaLPM8c4ph0S4tKna8XvmIwEnXQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.6.0" + } + }, + "qs": { + "version": "6.5.1", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz", + "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==" + }, + "range-parser": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz", + "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=" + }, + "raw-body": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz", + "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=", + "requires": { + "bytes": "3.0.0", + "http-errors": "1.6.2", + "iconv-lite": "0.4.19", + "unpipe": "1.0.0" + }, + "dependencies": { + "depd": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz", + "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=" + }, + "http-errors": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz", + "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=", + "requires": { + "depd": "1.1.1", + "inherits": "2.0.3", + "setprototypeof": "1.0.3", + "statuses": ">= 1.3.1 < 2" + } + }, + "setprototypeof": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz", + "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=" + } + } + }, + "safe-buffer": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", + "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" + }, + "send": { + "version": "0.16.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", + "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.6.2", + "mime": "1.4.1", + "ms": "2.0.0", + "on-finished": "~2.3.0", + "range-parser": "~1.2.0", + "statuses": "~1.4.0" + } + }, + "serve-static": { + "version": "1.13.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", + "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.2", + "send": "0.16.2" + } + }, + "setprototypeof": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", + "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==" + }, + "statuses": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", + "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==" + }, "three": { "version": "0.94.0", "resolved": "https://registry.npmjs.org/three/-/three-0.94.0.tgz", "integrity": "sha1-TObbfyv795wtc0RKpuPPwIoy12I=" + }, + "type-is": { + "version": "1.6.16", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz", + "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.18" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "util": { + "version": "0.10.4", + "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz", + "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==", + "requires": { + "inherits": "2.0.3" + } + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" } } } diff --git a/package.json b/package.json index 1da5c8f..f49c3eb 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,8 @@ "author": "Peter Zilz", "license": "ISC", "dependencies": { + "express": "^4.16.3", + "path": "^0.12.7", "three": "^0.94.0" } } diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..44d5c31 --- /dev/null +++ b/public/index.html @@ -0,0 +1,24 @@ + + + + + + Make it rain + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..cc596c0 --- /dev/null +++ b/public/index.js @@ -0,0 +1,61 @@ +/// + +"use strict"; + +document.addEventListener("DOMContentLoaded", function pageInit(){ + + /** @type {HTMLCanvasElement} */ + const canvas = document.getElementById("playground"); + const canvasWidth = Math.floor(canvas.clientWidth); + const canvasHeight = Math.floor(canvas.clientHeight); + + const scene = new THREE.Scene(); + const camera = new THREE.PerspectiveCamera(50, canvasWidth / canvasHeight, 0.1, 1000); + + const renderer = new THREE.WebGLRenderer({ + canvas: document.getElementById("playground"), + antialias: true + }); + renderer.setSize(canvasWidth, canvasHeight); + renderer.shadowMap.enabled = true; + renderer.shadowMap.type = THREE.PCFSoftShadowMap; + + document.body.appendChild(renderer.domElement); + + const geometry = new THREE.BoxGeometry(1,1,1); + const material = new THREE.MeshPhongMaterial({color: 0x4512ff}) + const cube = new THREE.Mesh(geometry, material); + cube.castShadow = true; + scene.add(cube); + + camera.position.z = 5; + + const light = new THREE.PointLight(0xffffff, 1, 50); + light.position.set(5,5,5); + light.castShadow = true; + scene.add(light); + + const plane = new THREE.Mesh( + new THREE.PlaneBufferGeometry(5, 5, 10, 10), + new THREE.MeshPhongMaterial({color: 0xffffff}) + ); + plane.rotateX(-Math.PI/2); + plane.position.y = -1; + plane.receiveShadow = true; + scene.add(plane); + + // renderer.gammaInput = true; + // renderer.gammaOutput = true; + + // const helper = new THREE.CameraHelper(light.shadow.camera); + // scene.add(helper); + + function animate(){ + requestAnimationFrame(animate); + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; + renderer.render(scene, camera); + } + animate(); + +}); \ No newline at end of file diff --git a/style/core.css b/style/core.css new file mode 100644 index 0000000..f199260 --- /dev/null +++ b/style/core.css @@ -0,0 +1,28 @@ +html, body { + margin: 0; + background: #202020; + font-family: Arial, Helvetica, sans-serif; + color: #EEEEEE; +} + +input[type=text], input[type=password] { + /* font-family: Arial, Helvetica, sans-serif; */ + background-color: #EEEEEE; + color: #202020; +} + +a, input[type=button], input[type=submit] { + color: #EEEEEE; + background: #4512ff; + border: 0; + border-radius: 3px; + padding: 5px; + font-size: 1em; +} +a:hover, input[type=button]:hover, input[type=submit]:hover { + background: rgb(51, 15, 182); + cursor: pointer; +} +a:active, input[type=button]:active, input[type=submit]:active { + background: rgb(37, 12, 131); +} \ No newline at end of file diff --git a/style/favicon.svg b/style/favicon.svg new file mode 100644 index 0000000..ed65d0c --- /dev/null +++ b/style/favicon.svg @@ -0,0 +1,87 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + ∞ + diff --git a/style/favicon144.png b/style/favicon144.png new file mode 100644 index 0000000..8a8b6f1 --- /dev/null +++ b/style/favicon144.png Binary files differ diff --git a/style/favicon32.png b/style/favicon32.png new file mode 100644 index 0000000..e76c386 --- /dev/null +++ b/style/favicon32.png Binary files differ diff --git a/style/favicon96.png b/style/favicon96.png new file mode 100644 index 0000000..145b51a --- /dev/null +++ b/style/favicon96.png Binary files differ diff --git a/style/index.css b/style/index.css new file mode 100644 index 0000000..0c982b1 --- /dev/null +++ b/style/index.css @@ -0,0 +1,10 @@ +html, body, canvas { + width: 100%; + height: 100%; + overflow: hidden; +} + +canvas { + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/style/infinitePreview.png b/style/infinitePreview.png new file mode 100644 index 0000000..a39e3ba --- /dev/null +++ b/style/infinitePreview.png Binary files differ