Add border names to territories

This commit is contained in:
Rob L 2016-07-13 11:49:18 -04:00
parent 4d33d22e91
commit e3c523d63d
5 changed files with 13 additions and 4 deletions

BIN
assets/down_arrow.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 682 B

BIN
assets/down_arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
assets/select-arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 B

View File

@ -101,7 +101,16 @@ for (var key in jsonEmpire) {
borders[border.name].position.y = border.y; borders[border.name].position.y = border.y;
borders[border.name].position.z = border.z; borders[border.name].position.z = border.z;
scene.add( borders[border.name] ); scene.add( borders[border.name] );
if (border.radius > 10) {
var text = new Text2D(border.name, { align: textAlign.center, font: '25px Arial', fillStyle: '#777' , antialias: false });
text.material.alphaTest = 0.5;
text.position.set(border.x,border.y,border.z);
text.scale.set(0.75,0.75,0.75);
scene.add(text);
} }
}
// Planet Generation // Planet Generation
for (var key in area["planets"]) { for (var key in area["planets"]) {

View File

@ -12,9 +12,9 @@
<style type="text/css"> <style type="text/css">
body { margin: 0; overflow:hidden;} body { margin: 0; overflow:hidden;}
canvas { width: 75%; height: 100% ;} canvas { width: 75%; height: 100% ;}
.reset-button {margin: 0; padding: 0; padding: 5px 5px; color: #AAA; } .reset-button {margin: 0; padding: 0; padding: 3px 3px; color: #AAA; }
.menu-button { float: right; position: absolute; right: 0.1vw; top: 0; z-index: 5; color:white; background-color:#003133; padding: 0px; font-weight: bold; font-size:2.5vh; } .menu-button { float: right; position: absolute; right: 0.1vw; top: 0; z-index: 5; color:white; background-color:#003133; padding: 0px; font-weight: bold; font-size:2.5vh; }
.reset-container { margin: 0; padding: 0; padding: 8px; font-weight: bold; text-align: center; font-family: 'Space Mono', monospace; color:#67989A; background-color: maroon; width: 100%; height: 2vh; float:bottom; } .reset-container { margin: 0; padding: 10px; font-weight: bold; text-align: center; font-family: 'Space Mono', monospace; color:#67989A; background-color: maroon; width: 100%; height: 2.5vh; float:bottom; }
.wvg-controls { position: fixed; left: 85%; height: 96%; width: 15%; margin-top: 0; display: none;} .wvg-controls { position: fixed; left: 85%; height: 96%; width: 15%; margin-top: 0; display: none;}
ul.wvg-navbar { height: 3vh; width: 100%; background-color: #003133; list-style-type: none; overflow: hidden; padding: 0; margin: 0; } ul.wvg-navbar { height: 3vh; width: 100%; background-color: #003133; list-style-type: none; overflow: hidden; padding: 0; margin: 0; }
ul.wvg-navbar li { width:auto; height: 100%; float: left; } .wvg-tablink { margin: 0; padding: 0; padding: 8px 10px; font-weight: bold; text-align: center; font-family: 'Space Mono', monospace; color:#67989A; } ul.wvg-navbar li { width:auto; height: 100%; float: left; } .wvg-tablink { margin: 0; padding: 0; padding: 8px 10px; font-weight: bold; text-align: center; font-family: 'Space Mono', monospace; color:#67989A; }