neale
/
rollerderby-track
mirror of https://github.com/nealey/rollerderby-track
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix scrollbar appearing

This commit is contained in:
Neale Pickett 2012-03-15 16:46:05 -06:00
parent 9e791a3c02
commit 6566286e78
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
track.html
View File

@ -7,11 +7,19 @@
html { html {
background: black; background: black;
text-align: center; text-align: center;
color: white;
}
html, body, canvas {
padding: 0;
margin: 0;
border: 0;
}
#debug {
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
} }
</style> </style>
</head> </head>
<body> <body><p id="debug"></p><canvas id="canvas"></canvas></body>
<canvas id="canvas"></canvas>
</body>
</html> </html>

12
track.js
View File

@ -16,7 +16,10 @@ var rp = 1; // Radius of a piece
var JAMMER = 0; var JAMMER = 0;
var PIVOT = 1; var PIVOT = 1;
var dragging = false; function debug(msg) {
var e = document.getElementById("debug");
e.innerHTML = msg;
}
function player(color, type) { function player(color, type) {
var e = document.createElement("canvas"); var e = document.createElement("canvas");
@ -38,6 +41,7 @@ function player(color, type) {
var x = (evt.pageX - window.innerWidth/2) / scale; var x = (evt.pageX - window.innerWidth/2) / scale;
var y = (evt.pageY - window.innerHeight/2) / scale; var y = (evt.pageY - window.innerHeight/2) / scale;
debug(x + "<br>" + y);
e.moveTo(x, y); e.moveTo(x, y);
} }
@ -116,7 +120,9 @@ function start() {
canvas = document.getElementById("canvas"); canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d"); ctx = canvas.getContext("2d");
scale = Math.min(window.innerWidth / 100, window.innerHeight / 60); var win_width = window.innerWidth;
var win_height = window.innerHeight - 5; // FF won't let me use all height
scale = Math.min(win_width / 100, win_height / 60);
canvas.width = scale * 100; canvas.width = scale * 100;
canvas.height = scale * 60; canvas.height = scale * 60;
@ -191,7 +197,7 @@ function start() {
var p = player(team?"#080":"#f0f", pos); var p = player(team?"#080":"#f0f", pos);
if (pos == JAMMER) { if (pos == JAMMER) {
p.moveTo(halflen-30-rp, ri + rp*(5 + 4*team)); p.moveTo(halflen - 30 - rp, ri + rp*(team*4 + 4));
} else { } else {
p.moveTo(halflen-rp - team * (rp*3), ri + rp*(2.5*pos)); p.moveTo(halflen-rp - team * (rp*3), ri + rp*(2.5*pos));
} }