diff --git a/.glitch-assets b/.glitch-assets new file mode 100644 index 00000000..ba530f3e --- /dev/null +++ b/.glitch-assets @@ -0,0 +1,6 @@ +{"name":"1 A.M Study Session 📚 - [lofi hip hop_chill beats].mp3","date":"2021-10-04T06:28:15.628Z","url":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2F1%20A.M%20Study%20Session%20%F0%9F%93%9A%20-%20%5Blofi%20hip%20hop_chill%20beats%5D.mp3","type":"audio/mpeg","size":59456535,"thumbnail":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fthumbnails%2F1%20A.M%20Study%20Session%20%F0%9F%93%9A%20-%20%5Blofi%20hip%20hop_chill%20beats%5D.mp3","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"0hLUXpLJIGnDGsBG"} +{"uuid":"0hLUXpLJIGnDGsBG","deleted":true} +{"name":"1 A.M Study Session 📚 - [lofi hip hop_chill beats].mp3","date":"2021-10-04T06:28:17.899Z","url":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2F1%20A.M%20Study%20Session%20%F0%9F%93%9A%20-%20%5Blofi%20hip%20hop_chill%20beats%5D.mp3","type":"audio/mpeg","size":59456535,"thumbnail":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fthumbnails%2F1%20A.M%20Study%20Session%20%F0%9F%93%9A%20-%20%5Blofi%20hip%20hop_chill%20beats%5D.mp3","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"PmcxhCOzWZwdTQz2"} +{"name":"wp4660137-anime-lofi-wallpapers (1).jpg","date":"2021-10-04T06:32:55.627Z","url":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fwp4660137-anime-lofi-wallpapers%20(1).jpg","type":"image/jpeg","size":1335714,"imageWidth":3000,"imageHeight":1687,"thumbnail":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fthumbnails%2Fwp4660137-anime-lofi-wallpapers%20(1).jpg","thumbnailWidth":330,"thumbnailHeight":186,"uuid":"cQ8NWMyQJTBNH7fl"} +{"name":"LofiGirl.png","date":"2021-10-04T06:40:53.689Z","url":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2FLofiGirl.png","type":"image/png","size":64560,"imageWidth":900,"imageHeight":900,"thumbnail":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fthumbnails%2FLofiGirl.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"AgWXoZIGd4Yjal3e"} +{"name":"94e8a963-2e58-4ec4-9578-7bbebb394e92.image.png","date":"2021-10-04T08:32:49.489Z","url":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2F94e8a963-2e58-4ec4-9578-7bbebb394e92.image.png","type":"image/png","size":4238350,"imageWidth":1889,"imageHeight":896,"thumbnail":"https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fthumbnails%2F94e8a963-2e58-4ec4-9578-7bbebb394e92.image.png","thumbnailWidth":330,"thumbnailHeight":157,"uuid":"5ZfjzCAcxH4k5h22"} diff --git a/README.md b/README.md index 3ae10a92..c09fd17b 100644 --- a/README.md +++ b/README.md @@ -1,61 +1,15 @@ -Assignment 4 - Creative Coding: Interactive Multimedia Experiences -=== +## Lofi Beats and Simple Visualizer -Due: October 4th, by 11:59 AM. +https://a4-maxine-shi1.glitch.me/ -For this assignment we will focus on client-side development using popular audio/graphics/visualization technologies. The goal of this assignment is to refine our JavaScript knowledge while exploring the multimedia capabilities of the browser. +This is a simple realtime music visualizer that also allows you to put in your own music. +![alt text](https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2F94e8a963-2e58-4ec4-9578-7bbebb394e92.image.png?v=1633336369489) -[WebAudio / Canvas / Three Tutorial](https://github.com/cs4241-21a/cs4241-21a.github.io/blob/main/webaudio_canvas_three.md) -[SVG + D3 tutorial](https://github.com/cs4241-21a/cs4241-21a.github.io/blob/main/using_svg_and_d3.md) +- Displays currently playing songs +- Play and Pause functions +- Volume slider +- Looping and Muting -Baseline Requirements ---- +The most difficult part was trying to use tweakpane and having that go horribly south and falling back on connecting buttons and doing things from previous classes. -Your application is required to implement the following functionalities: - -- A server created using Express. This server can be as simple as needed. -- A client-side interactive experience using at least one of the following web technologies frameworks. - - [Three.js](https://threejs.org/): A library for 3D graphics / VR experiences - - [D3.js](https://d3js.org): A library that is primarily used for interactive data visualizations - - [Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API): A 2D raster drawing API included in all modern browsers - - [SVG](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API): A 2D vector drawing framework that enables shapes to be defined via XML. - - [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API): An API for audio synthesis, analysis, processing, and file playback. -- A user interface for interaction with your project, which must expose at least four parameters for user control. [tweakpane](https://cocopon.github.io/tweakpane/) is highly recommended for this, but you can also use regular HTML `` tags (the `range` type is useful to create sliders). You might also explore interaction by tracking mouse movement via the `window.onmousemove` event handler in tandem with the `event.clientX` and `event.clientY` properties. Consider using the [Pointer Events API](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events) to ensure that that both mouse and touch events will both be supported in your app. -- Your application should display basic documentation for the user interface when the application first loads. - -The interactive experience should possess a reasonable level of complexity. Some examples: -### Three.js -- A generative algorithm creates simple agents that move through a virtual world. Your interface controls the behavior / appearance of these agents. -- A simple 3D game... you really want this to be a simple as possible or it will be outside the scope of this assignment. -- An 3D audio visualization of a song of your choosing. User interaction should control aspects of the visualization. -### Canvas -- Implement a generative algorithm such as [Conway's Game of Life](https://bitstorm.org/gameoflife/) (or 1D cellular automata) and provide interactive controls. Note that the Game of Life has been created by 100s of people using ; we'll be checking to ensure that your implementation is not a copy of these. -- Design a 2D audio visualizer of a song of your choosing. User interaction should control visual aspects of the experience. -### Web Audio API -- Create a screen-based musical instrument using the Web Audio API. You can use projects such as [Interface.js](http://charlie-roberts.com/interface/) or [Nexus UI](https://nexus-js.github.io/ui/api/#Piano) to provide common musical interface elements, or use dat.GUI in combination with mouse/touch events (use the Pointer Events API). Your GUI should enable users to control aspects of sound synthesis. If you want to use higher-level instruments instead of the raw WebAudio API sounds, consider trying the instruments provided by [Tone.js]() or [Gibber](https://github.com/charlieroberts/gibber.audio.lib). -### D3.js -- Create visualizations using the datasets found at [Awesome JSON Datasets](https://github.com/jdorfman/Awesome-JSON-Datasets). Experiment with providing different visualizations of the same data set, and providing users interactive control over visualization parameters and/or data filtering. Alternatively, create a single visualization with using one of the more complicated techniques shown at [d3js.org](d3js.org) and provide meaningful points of interaction for users. - -Deliverables ---- - -Do the following to complete this assignment: - -1. Implement your project with the above requirements. -3. Test your project to make sure that when someone goes to your main page on Glitch/Heroku/etc., it displays correctly. -4. Ensure that your project has the proper naming scheme `a4-firstname-lastname` so we can find it. -5. Fork this repository and modify the README to the specifications below. *NOTE: If you don't use Glitch for hosting (where we can see the files) then you must include all project files that you author in your repo for this assignment*. -6. Create and submit a Pull Request to the original repo. Name the pull request using the following template: `a4-firstname-lastname`. - -Sample Readme (delete the above when you're ready to submit, and modify the below so with your links and descriptions) ---- - -## Your Web Application Title - -your hosting link e.g. http://a4-charlieroberts.glitch.me - -Include a very brief summary of your project here. Images are encouraged when needed, along with concise, high-level text. Be sure to include: - -- the goal of the application -- challenges you faced in realizing the application -- the instructions you present in the website should be clear enough to use the application, but if you feel any need to provide additional instructions please do so here. +There are clear instructions to use the application and all buttons have words attached closeby. diff --git a/package.json b/package.json new file mode 100644 index 00000000..304dd23a --- /dev/null +++ b/package.json @@ -0,0 +1,17 @@ +{ + "name": "", + "version": "", + "description": "", + "author": "", + "scripts": { + "start": "node server.js" + }, + "engines": { + "node": ">=12.0.0" + }, + "dependencies": { + "cors": "^2.8.5", + "express": "^4.17.1", + "tweakpane": "^3.0.5" + } +} diff --git a/public/css/style.css b/public/css/style.css index 8b137891..7dfdee6c 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1 +1,85 @@ +body { + background-image: url("https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2Fwp4660137-anime-lofi-wallpapers%20(1).jpg?v=1633329175627"); + color: #fff; + background-repeat: no-repeat; + background-size: cover; + height: 100%; + font-family: "Courier Prime", sans-serif; + margin-left: 25%; + margin-right: auto; + display: block; + border: 1em; +} +p { + padding-top: 0.5em; +} +h2 { + padding-top: 1em; +} +h1 { + padding-top: 1em; + font-size: 2em; + padding-bottom: 0.5em; +} +input { + background-color: transparent; + color: #fff; +} +textarea { + background-color: #295FA8; + color: #fff; + border: none; + border-radius: 1em; + width: 100%; + resize: none; +} +label { + margin-left: 50px; + margin-right: 50px; +} +#close { + font-size: 20px; + border-radius: 50px; + width: 130px; + height: 45px; + margin-left: 180px; +} +#instructions { + background-color: transparent; + border-radius: 10px; + height: 375px; + width: 500px; + margin-left: 25%; + margin-right: auto; +} +#canvas { + background-color: transparent; + margin-left: 50%; +} +#settings { +} + +.checkBox { + margin-left: auto; + margin-right: auto; + height: 20px; + width: 20px; +} +#volume { + -webkit-appearance: none; + width: 200px; + height: 20px; + background: gray; + outline: none; + -webkit-transition: 0.2s; + transition: opacity 0.2s; + margin-left: auto; +} +#volume::-webkit-slider-thumb { + appearance: none; + width: 20px; + height: 20px; + background: white; + cursor: pointer; +} diff --git a/public/index.html b/public/index.html new file mode 100644 index 00000000..3707f87a --- /dev/null +++ b/public/index.html @@ -0,0 +1,86 @@ + + + + CS4241 Assignment 4 + + + + + + + + + + + + + +
+
+

Instructions

+

+ This is a place for you to listen to some chill lofi beats for you to + study and relax to. You can change various settings of the music + whilst also viewing a live visualizer. You can also upload your own + song to the simple visualizer. Relax and enjoy! Once you've "gotten + it" music will start. +

+ +
+
+
+

Chill Lofi Beats

+
+
+
+ +
+ + +
+
+
+ +
+
+ + +
+ + +
+ + + + +
+ + +
+
+
+ +
+
+
+ + diff --git a/public/js/main.js b/public/js/main.js index 8b137891..ebd1e816 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -1 +1,92 @@ +const canvas = document.getElementById("canvas"), + ctx = canvas.getContext("2d"), + overlay = document.getElementById("overlay"), + content = document.getElementById("content"), + title = document.getElementById("title"), + close = document.getElementById("close"), + file = document.getElementById("thefile"), + volume = document.getElementById("volume"), + pause = document.getElementById("pause"), + play = document.getElementById("play"), + mute = document.getElementById("mute"), + loop = document.getElementById("loop"), + currentSong = document.getElementById("currentSong"), + lofiBtn = document.getElementById("lofi"); +const lofi = + "https://cdn.glitch.com/36ac2734-bfac-4c98-b919-aaedd40cac6c%2F1%20A.M%20Study%20Session%20%F0%9F%93%9A%20-%20%5Blofi%20hip%20hop_chill%20beats%5D.mp3?v=1633328897899"; + +const audioCtx = new AudioContext(); +const audio = document.createElement("audio"); +document.body.appendChild(audio); + +const start = function() { + const analyser = audioCtx.createAnalyser(); + analyser.fftSize = 1024; + const player = audioCtx.createMediaElementSource(audio); + player.connect(audioCtx.destination); + player.connect(analyser); + audio.src = lofi; + audio.play(); + e => (audio.volume = 50); + audio.crossOrigin = "anonymous"; + currentSong.value = "Lofi Beats"; + const results = new Uint8Array(analyser.frequencyBinCount); + draw = function() { + window.requestAnimationFrame(draw); + ctx.fillStyle = "gray"; + ctx.fillRect(0, 0, canvas.width, canvas.height); + ctx.fillStyle = "white"; + const x = canvas.width / 2; + ctx.textAlign = "center"; + analyser.getByteFrequencyData(results); + for (let i = 0; i < analyser.frequencyBinCount; i++) { + ctx.fillRect(i, canvas.height, 25, -results[i]); + } + }; + draw(); +}; + +close.addEventListener("click", function() { + document.body.removeChild(overlay); + content.style.display = "block"; + audioCtx.resume(); + start(); +}); + +play.addEventListener("click", () => audio.play()); +pause.addEventListener("click", () => audio.pause()); +volume.addEventListener( + "change", + e => (audio.volume = e.currentTarget.value / 100) +); + +mute.addEventListener("click", function() { + if (mute.checked) { + audio.muted = true; + } else { + audio.muted = false; + } +}); + +loop.addEventListener("click", function() { + if (loop.checked) { + audio.loop = true; + } else { + audio.loop = false; + } +}); + +lofiBtn.addEventListener("click", function() { + audio.src = lofi; + audio.play(); + currentSong.value = "Lofi Beats"; +}); + +file.onchange = function() { + var files = this.files; + audio.src = URL.createObjectURL(files[0]); + audio.load(); + audio.play(); + currentSong.value = file.value; +}; diff --git a/server.js b/server.js new file mode 100644 index 00000000..48ea5024 --- /dev/null +++ b/server.js @@ -0,0 +1,16 @@ +const express = require("express"); +var cors = require("cors"); +const app = express(); + +app.use(cors()); +app.use(express.static("public")); + +app.get("/", (request, response) => { + response.sendFile(__dirname + "/index.html"); +}); + +const listener = app.listen(process.env.PORT, () => { + console.log("Your app is listening on port " + listener.address().port); +}); + +app.listen(5000); diff --git a/shrinkwrap.yaml b/shrinkwrap.yaml new file mode 100644 index 00000000..c309cee5 --- /dev/null +++ b/shrinkwrap.yaml @@ -0,0 +1,419 @@ +dependencies: + cors: 2.8.5 + express: 4.17.1 + tweakpane: 3.0.5 +packages: + /accepts/1.3.7: + dependencies: + mime-types: 2.1.33 + negotiator: 0.6.2 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA== + /array-flatten/1.1.1: + dev: false + resolution: + integrity: sha1-ml9pkFGx5wczKPKgCJaLZOopVdI= + /body-parser/1.19.0: + dependencies: + bytes: 3.1.0 + content-type: 1.0.4 + debug: 2.6.9 + depd: 1.1.2 + http-errors: 1.7.2 + iconv-lite: 0.4.24 + on-finished: 2.3.0 + qs: 6.7.0 + raw-body: 2.4.0 + type-is: 1.6.18 + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw== + /bytes/3.1.0: + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg== + /content-disposition/0.5.3: + dependencies: + safe-buffer: 5.1.2 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g== + /content-type/1.0.4: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA== + /cookie-signature/1.0.6: + dev: false + resolution: + integrity: sha1-4wOogrNCzD7oylE6eZmXNNqzriw= + /cookie/0.4.0: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg== + /cors/2.8.5: + dependencies: + object-assign: 4.1.1 + vary: 1.1.2 + dev: false + engines: + node: '>= 0.10' + resolution: + integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g== + /debug/2.6.9: + dependencies: + ms: 2.0.0 + dev: false + resolution: + integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== + /depd/1.1.2: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak= + /destroy/1.0.4: + dev: false + resolution: + integrity: sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA= + /ee-first/1.1.1: + dev: false + resolution: + integrity: sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0= + /encodeurl/1.0.2: + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k= + /escape-html/1.0.3: + dev: false + resolution: + integrity: sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg= + /etag/1.8.1: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc= + /express/4.17.1: + dependencies: + accepts: 1.3.7 + array-flatten: 1.1.1 + body-parser: 1.19.0 + content-disposition: 0.5.3 + content-type: 1.0.4 + cookie: 0.4.0 + 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.2 + fresh: 0.5.2 + merge-descriptors: 1.0.1 + methods: 1.1.2 + on-finished: 2.3.0 + parseurl: 1.3.3 + path-to-regexp: 0.1.7 + proxy-addr: 2.0.7 + qs: 6.7.0 + range-parser: 1.2.1 + safe-buffer: 5.1.2 + send: 0.17.1 + serve-static: 1.14.1 + setprototypeof: 1.1.1 + statuses: 1.5.0 + type-is: 1.6.18 + utils-merge: 1.0.1 + vary: 1.1.2 + dev: false + engines: + node: '>= 0.10.0' + resolution: + integrity: sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g== + /finalhandler/1.1.2: + dependencies: + debug: 2.6.9 + encodeurl: 1.0.2 + escape-html: 1.0.3 + on-finished: 2.3.0 + parseurl: 1.3.3 + statuses: 1.5.0 + unpipe: 1.0.0 + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA== + /forwarded/0.2.0: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow== + /fresh/0.5.2: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac= + /http-errors/1.7.2: + dependencies: + depd: 1.1.2 + inherits: 2.0.3 + setprototypeof: 1.1.1 + statuses: 1.5.0 + toidentifier: 1.0.0 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg== + /http-errors/1.7.3: + dependencies: + depd: 1.1.2 + inherits: 2.0.4 + setprototypeof: 1.1.1 + statuses: 1.5.0 + toidentifier: 1.0.0 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw== + /iconv-lite/0.4.24: + dependencies: + safer-buffer: 2.1.2 + dev: false + engines: + node: '>=0.10.0' + resolution: + integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA== + /inherits/2.0.3: + dev: false + resolution: + integrity: sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4= + /inherits/2.0.4: + dev: false + resolution: + integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ== + /ipaddr.js/1.9.1: + dev: false + engines: + node: '>= 0.10' + resolution: + integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g== + /media-typer/0.3.0: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g= + /merge-descriptors/1.0.1: + dev: false + resolution: + integrity: sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E= + /methods/1.1.2: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4= + /mime-db/1.50.0: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-9tMZCDlYHqeERXEHO9f/hKfNXhre5dK2eE/krIvUjZbS2KPcqGDfNShIWS1uW9XOTKQKqK6qbeOci18rbfW77A== + /mime-types/2.1.33: + dependencies: + mime-db: 1.50.0 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-plLElXp7pRDd0bNZHw+nMd52vRYjLwQjygaNg7ddJ2uJtTlmnTCjWuPKxVu6//AdaRuME84SvLW91sIkBqGT0g== + /mime/1.6.0: + dev: false + engines: + node: '>=4' + hasBin: true + resolution: + integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg== + /ms/2.0.0: + dev: false + resolution: + integrity: sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g= + /ms/2.1.1: + dev: false + resolution: + integrity: sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg== + /negotiator/0.6.2: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw== + /object-assign/4.1.1: + dev: false + engines: + node: '>=0.10.0' + resolution: + integrity: sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= + /on-finished/2.3.0: + dependencies: + ee-first: 1.1.1 + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha1-IPEzZIGwg811M3mSoWlxqi2QaUc= + /parseurl/1.3.3: + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ== + /path-to-regexp/0.1.7: + dev: false + resolution: + integrity: sha1-32BBeABfUi8V60SQ5yR6G/qmf4w= + /proxy-addr/2.0.7: + dependencies: + forwarded: 0.2.0 + ipaddr.js: 1.9.1 + dev: false + engines: + node: '>= 0.10' + resolution: + integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg== + /qs/6.7.0: + dev: false + engines: + node: '>=0.6' + resolution: + integrity: sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ== + /range-parser/1.2.1: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg== + /raw-body/2.4.0: + dependencies: + bytes: 3.1.0 + http-errors: 1.7.2 + iconv-lite: 0.4.24 + unpipe: 1.0.0 + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q== + /safe-buffer/5.1.2: + dev: false + resolution: + integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g== + /safer-buffer/2.1.2: + dev: false + resolution: + integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== + /send/0.17.1: + dependencies: + 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.7.3 + mime: 1.6.0 + ms: 2.1.1 + on-finished: 2.3.0 + range-parser: 1.2.1 + statuses: 1.5.0 + dev: false + engines: + node: '>= 0.8.0' + resolution: + integrity: sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg== + /serve-static/1.14.1: + dependencies: + encodeurl: 1.0.2 + escape-html: 1.0.3 + parseurl: 1.3.3 + send: 0.17.1 + dev: false + engines: + node: '>= 0.8.0' + resolution: + integrity: sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg== + /setprototypeof/1.1.1: + dev: false + resolution: + integrity: sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw== + /statuses/1.5.0: + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow= + /toidentifier/1.0.0: + dev: false + engines: + node: '>=0.6' + resolution: + integrity: sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw== + /tweakpane/3.0.5: + dev: false + resolution: + integrity: sha512-HivFjOs510RbZSNgxv4x5LVFsHFN1ryfgpOp3n6wrgg1jLxbdlA/UTIbTLi/DYH7g76rGQqW/+IRmHPfjIujpQ== + /type-is/1.6.18: + dependencies: + media-typer: 0.3.0 + mime-types: 2.1.33 + dev: false + engines: + node: '>= 0.6' + resolution: + integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g== + /unpipe/1.0.0: + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw= + /utils-merge/1.0.1: + dev: false + engines: + node: '>= 0.4.0' + resolution: + integrity: sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM= + /vary/1.1.2: + dev: false + engines: + node: '>= 0.8' + resolution: + integrity: sha1-IpnwLG3tMNSllhsLn3RSShj2NPw= +registry: 'https://registry.npmjs.org/' +shrinkwrapMinorVersion: 9 +shrinkwrapVersion: 3 +specifiers: + cors: ^2.8.5 + express: ^4.17.1 + tweakpane: ^3.0.5