add shadows and update dependencies

alexwgraves · Sep 10, 2020 · db9c0bd · db9c0bd
1 parent 9182fdb
commit db9c0bd
Show file tree

Hide file tree

Showing 12 changed files with 2,847 additions and 3,518 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ A user input-based procedural city generator, built for my Digital Media Design
 
 ## Local Development
 
-Ville uses [Parcel](https://parceljs.org) to bundle resources. For development, run `npm run dev` to build and watch the CSS and JS. Then run `parcel index.html` in another terminal tab, and it will serve the app at `localhost:1234`.
+Ville uses [Parcel](https://parceljs.org) to bundle resources. For development, run `npm run dev` to build and watch the CSS and JS. Then run `parcel index.html` in another terminal tab, and it will serve the app at `localhost:1234`. (You may need to run `npx parcel index.html` if the first command doesn't work.)
 
 ## Deploying
 

diff --git a/dist/index.html b/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ville</title> <link rel="stylesheet" href="/ville/style.c23d4874.css"> </head> <body> <div class="row"> <div class="column"> <div class="brushes"> <div class="brush skyscraper active"> <div class="label">Skyscraper</div> </div> <div class="brush residential"> <div class="label">Residential</div> </div> <div class="brush commercial"> <div class="label">Commercial</div> </div> <div class="brush water"> <div class="label">Water</div> </div> <div class="brush parks"> <div class="label">Parks</div> </div> <div class="inputs"> <input type="range" id="brush-size" min="20" max="100" step="2" value="60"> <div class="brush-size">Brush size: <span id="current-brush-size">60</span></div> </div> <button type="button" name="generate" class="button" id="generate">Generate City</button> <button type="button" name="3d" class="button disabled" id="3d">Render in 3D</button> </div> <button type="button" name="reset" class="button reset" id="reset">Reset</button> </div> <div class="canvas"> <canvas id="interaction"></canvas> <canvas id="map" class="map"></canvas> </div> <div class="three-d-controls" id="controls"> <button type="button" name="toggle" class="button hide" id="toggle">Hide 3D</button> <button type="button" name="restart" class="button" id="restart">Restart</button> </div> </div> <canvas id="scene" class="three-d"></canvas> <script src="/ville/src.a3e91366.js" charset="utf-8"></script> </body> </html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Ville</title><link rel="stylesheet" href="/ville/style.2df76f12.css"></head><body> <div class="row"> <div class="column"> <div class="brushes"> <div class="brush skyscraper active"> <div class="label">Skyscraper</div> </div> <div class="brush residential"> <div class="label">Residential</div> </div> <div class="brush commercial"> <div class="label">Commercial</div> </div> <div class="brush water"> <div class="label">Water</div> </div> <div class="brush parks"> <div class="label">Parks</div> </div> <div class="inputs"> <input type="range" id="brush-size" min="20" max="100" step="2" value="60"> <div class="brush-size">Brush size: <span id="current-brush-size">60</span></div> </div> <button type="button" name="generate" class="button" id="generate">Generate City</button> <button type="button" name="3d" class="button disabled" id="3d">Render in 3D</button> </div> <button type="button" name="reset" class="button reset" id="reset">Reset</button> </div> <div class="canvas"> <canvas id="interaction"></canvas> <canvas id="map" class="map"></canvas> </div> <div class="three-d-controls" id="controls"> <button type="button" name="toggle" class="button hide" id="toggle">Hide 3D</button> <button type="button" name="restart" class="button" id="restart">Restart</button> </div> </div> <canvas id="scene" class="three-d"></canvas> <script src="/ville/src.52982d9c.js" charset="utf-8"></script> </body></html>
diff --git a/dist/src.52982d9c.js b/dist/src.52982d9c.js
diff --git a/dist/src.52982d9c.js.map b/dist/src.52982d9c.js.map
diff --git a/dist/src.a3e91366.js b/dist/src.a3e91366.js
diff --git a/dist/src.a3e91366.map b/dist/src.a3e91366.map
diff --git a/dist/style.c23d4874.css → dist/style.2df76f12.css b/dist/style.c23d4874.css → dist/style.2df76f12.css
diff --git a/dist/style.2df76f12.css.map b/dist/style.2df76f12.css.map
diff --git a/dist/style.c23d4874.map b/dist/style.c23d4874.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ville</title> <link rel="stylesheet" href="/ville/style.c23d4874.css"> </head> <body> <div class="row"> <div class="column"> <div class="brushes"> <div class="brush skyscraper active"> <div class="label">Skyscraper</div> </div> <div class="brush residential"> <div class="label">Residential</div> </div> <div class="brush commercial"> <div class="label">Commercial</div> </div> <div class="brush water"> <div class="label">Water</div> </div> <div class="brush parks"> <div class="label">Parks</div> </div> <div class="inputs"> <input type="range" id="brush-size" min="20" max="100" step="2" value="60"> <div class="brush-size">Brush size: <span id="current-brush-size">60</span></div> </div> <button type="button" name="generate" class="button" id="generate">Generate City</button> <button type="button" name="3d" class="button disabled" id="3d">Render in 3D</button> </div> <button type="button" name="reset" class="button reset" id="reset">Reset</button> </div> <div class="canvas"> <canvas id="interaction"></canvas> <canvas id="map" class="map"></canvas> </div> <div class="three-d-controls" id="controls"> <button type="button" name="toggle" class="button hide" id="toggle">Hide 3D</button> <button type="button" name="restart" class="button" id="restart">Restart</button> </div> </div> <canvas id="scene" class="three-d"></canvas> <script src="/ville/src.a3e91366.js" charset="utf-8"></script> </body> </html>
		<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Ville</title><link rel="stylesheet" href="/ville/style.2df76f12.css"></head><body> <div class="row"> <div class="column"> <div class="brushes"> <div class="brush skyscraper active"> <div class="label">Skyscraper</div> </div> <div class="brush residential"> <div class="label">Residential</div> </div> <div class="brush commercial"> <div class="label">Commercial</div> </div> <div class="brush water"> <div class="label">Water</div> </div> <div class="brush parks"> <div class="label">Parks</div> </div> <div class="inputs"> <input type="range" id="brush-size" min="20" max="100" step="2" value="60"> <div class="brush-size">Brush size: <span id="current-brush-size">60</span></div> </div> <button type="button" name="generate" class="button" id="generate">Generate City</button> <button type="button" name="3d" class="button disabled" id="3d">Render in 3D</button> </div> <button type="button" name="reset" class="button reset" id="reset">Reset</button> </div> <div class="canvas"> <canvas id="interaction"></canvas> <canvas id="map" class="map"></canvas> </div> <div class="three-d-controls" id="controls"> <button type="button" name="toggle" class="button hide" id="toggle">Hide 3D</button> <button type="button" name="restart" class="button" id="restart">Restart</button> </div> </div> <canvas id="scene" class="three-d"></canvas> <script src="/ville/src.52982d9c.js" charset="utf-8"></script> </body></html>