Deleted frontend
This commit is contained in:
didier committed
1 parent
1246c2870a
commit
afbe73cd21
9 files changed
-535
No files matched your search
@@ -1,72 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Animation</title>
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
||||||
<meta name="description" content="" />
|
|
||||||
<link rel="icon" href="favicon.png">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
|
|
||||||
<script src="animation.js" type="module"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Hello, world!</h1>
|
|
||||||
|
|
||||||
<svg width="900" height="450" >
|
|
||||||
<rect x="0" y="0" width="900" height="450" class="court-border"></rect>
|
|
||||||
<line x1="450" y1="0" x2="450" y2="450" class="court-border"></line>
|
|
||||||
<line x1="300" y1="0" x2="300" y2="450" class="return-line"></line>
|
|
||||||
<line x1="600" y1="0" x2="600" y2="450" class="return-line"></line>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: red;" id="rect-1"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: blue;" id="rect-2"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: yellow;" id="rect-3"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: pink;" id="rect-4"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: purple;" id="rect-5"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: black;" id="rect-6"></rect>
|
|
||||||
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: red; fill-opacity: 0;" id="rect-7"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: blue; fill-opacity: 0;" id="rect-8"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: yellow; fill-opacity: 0;" id="rect-9"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: pink; fill-opacity: 0;" id="rect-10"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: purple; fill-opacity: 0;" id="rect-11"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: black; fill-opacity: 0;" id="rect-12"></rect>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<button id="play">play</button> <br>
|
|
||||||
<button id="pause">pause</button>
|
|
||||||
<br>
|
|
||||||
<input type="number" id="seek-value">
|
|
||||||
<button id="seek">seek</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,66 +0,0 @@
|
|||||||
import anime from "https://esm.sh/animejs@3.2.2";
|
|
||||||
|
|
||||||
|
|
||||||
const second = 1000;
|
|
||||||
|
|
||||||
const canvasWidth = Number.parseFloat(document.querySelector("svg").getAttribute("width"));
|
|
||||||
const canvasHeight = Number.parseFloat(document.querySelector("svg").getAttribute("height"));
|
|
||||||
|
|
||||||
function gaussianRandom(mean=0, stdev=1) {
|
|
||||||
const u = 1 - Math.random(); // Converting [0,1) to (0,1]
|
|
||||||
const v = Math.random();
|
|
||||||
const z = Math.sqrt( -2.0 * Math.log( u ) ) * Math.cos( 2.0 * Math.PI * v );
|
|
||||||
// Transform to the desired mean and standard deviation:
|
|
||||||
return z * stdev + mean;
|
|
||||||
}
|
|
||||||
|
|
||||||
function* brownian(n){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
x += gaussianRandom(0, 10);
|
|
||||||
console.log(x);
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* pseudoBrownian(n, limit){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
let delta = gaussianRandom(0, 10);
|
|
||||||
if(Math.abs(x + delta) > limit){
|
|
||||||
delta = -1 * delta
|
|
||||||
}
|
|
||||||
x += delta;
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* keyFrames(duration, framePerSeconds){
|
|
||||||
const deltaX = canvasWidth / (duration * framePerSeconds);
|
|
||||||
const limit = 0.75 * (canvasHeight / 2);
|
|
||||||
for(const deltaY of pseudoBrownian(duration * framePerSeconds, limit)){
|
|
||||||
yield {translateX: `+=${deltaX}`, translateY: deltaY};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const duration = 60;
|
|
||||||
const timeline = anime.timeline({
|
|
||||||
duration: duration * second,
|
|
||||||
autoplay: false,
|
|
||||||
easing: 'linear'});
|
|
||||||
|
|
||||||
for(let i = 1; i <= 12; i++){
|
|
||||||
timeline.add({
|
|
||||||
targets: `#rect-${i}`,
|
|
||||||
keyframes: Array.from(keyFrames(duration, 30)),
|
|
||||||
}, 0)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
document.querySelector('#play').onclick = timeline.play;
|
|
||||||
document.querySelector('#pause').onclick = timeline.pause;
|
|
||||||
document.querySelector('#seek').onclick = function(){
|
|
||||||
const seekVal = Number.parseFloat(second * document.querySelector('#seek-value').value);
|
|
||||||
timeline.pause();
|
|
||||||
timeline.seek(seekVal);
|
|
||||||
}
|
|
||||||
@@ -1,90 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Dodgeball Tracker</title>
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
||||||
<meta name="description" content="" />
|
|
||||||
<link rel="icon" href="favicon.png">
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
|
|
||||||
<script src="main-old.js" type="module"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1 class="title is-1">Dodgeball Tracker</h1>
|
|
||||||
|
|
||||||
<div id="new"></div>
|
|
||||||
|
|
||||||
<h3 id="first-ts"></h3>
|
|
||||||
<div>
|
|
||||||
<select>
|
|
||||||
<option value="lmbn_n_cuhk03_d">lmbn_n_cuhk03_d</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<svg width="900" height="450" id="first" style="background-color: lightgray">
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<svg width="900" height="450" >
|
|
||||||
<rect x="0" y="0" width="900" height="450" class="court-border"></rect>
|
|
||||||
<line x1="450" y1="0" x2="450" y2="450" class="court-border"></line>
|
|
||||||
<line x1="300" y1="0" x2="300" y2="450" class="return-line"></line>
|
|
||||||
<line x1="600" y1="0" x2="600" y2="450" class="return-line"></line>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: red;" id="rect-1"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: blue;" id="rect-2"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: yellow;" id="rect-3"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: pink;" id="rect-4"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: purple;" id="rect-5"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="fill: black;" id="rect-6"></rect>
|
|
||||||
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: red; fill-opacity: 0;" id="rect-7"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: blue; fill-opacity: 0;" id="rect-8"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: yellow; fill-opacity: 0;" id="rect-9"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: pink; fill-opacity: 0;" id="rect-10"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: purple; fill-opacity: 0;" id="rect-11"></rect>
|
|
||||||
|
|
||||||
<rect x="0" y="157.5" width="15" height="15"
|
|
||||||
style="stroke: black; fill-opacity: 0;" id="rect-12"></rect>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<button id="play">play</button> <br>
|
|
||||||
<button id="pause">pause</button>
|
|
||||||
<br>
|
|
||||||
<input type="number" id="seek-value">
|
|
||||||
<button id="seek">seek</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>Dodgeball Tracker</title>
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
||||||
<meta name="description" content="" />
|
|
||||||
<link rel="icon" href="favicon.png">
|
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
|
|
||||||
<script src="main.js" type="module"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,118 +0,0 @@
|
|||||||
import anime from "https://esm.sh/animejs@3.2.2";
|
|
||||||
import m from "https://esm.sh/mithril@2.2.2"
|
|
||||||
import colormap from "https://esm.sh/colormap@2.3.2"
|
|
||||||
|
|
||||||
|
|
||||||
const second = 1000;
|
|
||||||
|
|
||||||
const canvasWidth = Number.parseFloat(document.querySelector("svg").getAttribute("width"));
|
|
||||||
const canvasHeight = Number.parseFloat(document.querySelector("svg").getAttribute("height"));
|
|
||||||
|
|
||||||
function gaussianRandom(mean=0, stdev=1) {
|
|
||||||
const u = 1 - Math.random(); // Converting [0,1) to (0,1]
|
|
||||||
const v = Math.random();
|
|
||||||
const z = Math.sqrt( -2.0 * Math.log( u ) ) * Math.cos( 2.0 * Math.PI * v );
|
|
||||||
// Transform to the desired mean and standard deviation:
|
|
||||||
return z * stdev + mean;
|
|
||||||
}
|
|
||||||
|
|
||||||
function* brownian(n){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
x += gaussianRandom(0, 10);
|
|
||||||
console.log(x);
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* pseudoBrownian(n, limit){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
let delta = gaussianRandom(0, 10);
|
|
||||||
if(Math.abs(x + delta) > limit){
|
|
||||||
delta = -1 * delta
|
|
||||||
}
|
|
||||||
x += delta;
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* keyFrames(duration, framePerSeconds){
|
|
||||||
const deltaX = canvasWidth / (duration * framePerSeconds);
|
|
||||||
const limit = 0.75 * (canvasHeight / 2);
|
|
||||||
for(const deltaY of pseudoBrownian(duration * framePerSeconds, limit)){
|
|
||||||
yield {translateX: `+=${deltaX}`, translateY: deltaY};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const duration = 60;
|
|
||||||
const timeline = anime.timeline({
|
|
||||||
duration: duration * second,
|
|
||||||
autoplay: false,
|
|
||||||
easing: 'linear'});
|
|
||||||
|
|
||||||
for(let i = 1; i <= 12; i++){
|
|
||||||
timeline.add({
|
|
||||||
targets: `#rect-${i}`,
|
|
||||||
keyframes: Array.from(keyFrames(duration, 30)),
|
|
||||||
}, 0)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
document.querySelector('#play').onclick = timeline.play;
|
|
||||||
document.querySelector('#pause').onclick = timeline.pause;
|
|
||||||
document.querySelector('#seek').onclick = function(){
|
|
||||||
const seekVal = Number.parseFloat(second * document.querySelector('#seek-value').value);
|
|
||||||
timeline.pause();
|
|
||||||
timeline.seek(seekVal);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function generatePoints(points, frames){
|
|
||||||
const lst = [];
|
|
||||||
const colors = colormap({
|
|
||||||
colormap: 'viridis',
|
|
||||||
nshades: new Set(points.map(p => p.objectId)).size,
|
|
||||||
format: 'hex',
|
|
||||||
alpha: 1
|
|
||||||
});
|
|
||||||
for(const point of points){
|
|
||||||
if(frames.indexOf(point.frameIndex) !== -1){
|
|
||||||
lst.push(m("text", {x: point.y, y: point.x, fill: colors[point.objectId]}, point.objectId));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return m("g", lst);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getTimeStamp(points, frameId){
|
|
||||||
for(const point of points){
|
|
||||||
if(point.frameIndex === frameId){
|
|
||||||
return `${point.frameTimestamp / 1000} seconds`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const url = "/dodgeball-tracker/outputs/output-lmbn_n_cuhk03_d.json";
|
|
||||||
const resp = await fetch(url);
|
|
||||||
const points = await resp.json();
|
|
||||||
|
|
||||||
function range(min, max){
|
|
||||||
const ret = [];
|
|
||||||
while(min < max){
|
|
||||||
ret.push(min);
|
|
||||||
min ++;
|
|
||||||
}
|
|
||||||
return ret
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCourtLines(){
|
|
||||||
return [
|
|
||||||
m("line", {x1: 450, x2: 450, y1: 0, y2: 450, class: "court-border"}),
|
|
||||||
m("line", {x1: 300, x2: 300, y1: 0, y2: 450, class: "return-line"}),
|
|
||||||
m("line", {x1: 600, x2: 600, y1: 0, y2: 450, class: "return-line"})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
m.render(document.getElementById("first"), generatePoints(points.points, range(-10, 400)));
|
|
||||||
m.render(document.getElementById("first-ts"), m("span", getTimeStamp(points.points, 80)));
|
|
||||||
@@ -1,143 +0,0 @@
|
|||||||
import m from "https://esm.sh/mithril@2.2.2"
|
|
||||||
import colormap from "https://esm.sh/colormap@2.3.2"
|
|
||||||
import {range} from "./util.js";
|
|
||||||
|
|
||||||
function gaussianRandom(mean=0, stdev=1) {
|
|
||||||
const u = 1 - Math.random(); // Converting [0,1) to (0,1]
|
|
||||||
const v = Math.random();
|
|
||||||
const z = Math.sqrt( -2.0 * Math.log( u ) ) * Math.cos( 2.0 * Math.PI * v );
|
|
||||||
// Transform to the desired mean and standard deviation:
|
|
||||||
return z * stdev + mean;
|
|
||||||
}
|
|
||||||
|
|
||||||
function* brownian(n){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
x += gaussianRandom(0, 10);
|
|
||||||
console.log(x);
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* pseudoBrownian(n, limit){
|
|
||||||
let x = 0;
|
|
||||||
for(let i = 0; i < n; i ++){
|
|
||||||
let delta = gaussianRandom(0, 10);
|
|
||||||
if(Math.abs(x + delta) > limit){
|
|
||||||
delta = -1 * delta
|
|
||||||
}
|
|
||||||
x += delta;
|
|
||||||
yield x;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function* keyFrames(duration, framePerSeconds){
|
|
||||||
const deltaX = canvasWidth / (duration * framePerSeconds);
|
|
||||||
const limit = 0.75 * (canvasHeight / 2);
|
|
||||||
for(const deltaY of pseudoBrownian(duration * framePerSeconds, limit)){
|
|
||||||
yield {translateX: `+=${deltaX}`, translateY: deltaY};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function generatePoints(points, frames){
|
|
||||||
const lst = [];
|
|
||||||
const colors = colormap({
|
|
||||||
colormap: 'viridis',
|
|
||||||
nshades: new Set(points.map(p => p.objectId)).size,
|
|
||||||
format: 'hex',
|
|
||||||
alpha: 1
|
|
||||||
});
|
|
||||||
for(const point of points){
|
|
||||||
if(frames.indexOf(point.frameIndex) !== -1){
|
|
||||||
lst.push(m("text", {x: point.y, y: point.x, fill: colors[point.objectId]}, point.objectId));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return m("g", lst);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getTimeStamp(points, frameId){
|
|
||||||
for(const point of points){
|
|
||||||
if(point.frameIndex === frameId){
|
|
||||||
return `${point.frameTimestamp / 1000} seconds`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// const url = "/dodgeball-tracker/outputs/output-lmbn_n_cuhk03_d.json";
|
|
||||||
// const resp = await fetch(url);
|
|
||||||
// const points = await resp.json();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function getCourtLines(){
|
|
||||||
return [
|
|
||||||
m("line", {x1: 450, x2: 450, y1: 0, y2: 450, class: "court-border"}),
|
|
||||||
m("line", {x1: 300, x2: 300, y1: 0, y2: 450, class: "return-line"}),
|
|
||||||
m("line", {x1: 600, x2: 600, y1: 0, y2: 450, class: "return-line"})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
class WorkingTabs{
|
|
||||||
#datasets = []
|
|
||||||
|
|
||||||
async oninit(){
|
|
||||||
const url = "/dodgeball-tracker/outputs/index.json"
|
|
||||||
this.#datasets = (await m.request({method: "GET", url: url}))?.index ?? [];
|
|
||||||
}
|
|
||||||
|
|
||||||
tabs(){
|
|
||||||
return m("div.tabs",
|
|
||||||
m("ul",
|
|
||||||
m("li.is-active", m("a", "Info")),
|
|
||||||
m("li", m("a", "Video Player"))));
|
|
||||||
}
|
|
||||||
|
|
||||||
info(){
|
|
||||||
const options = this.#datasets.map(ds => m('option', {value: ds.id}, ds.label));
|
|
||||||
return m("div.field",
|
|
||||||
m("label.label", "Dataset"),
|
|
||||||
m("div.control",
|
|
||||||
m("div.select",
|
|
||||||
m("select", options))));
|
|
||||||
}
|
|
||||||
|
|
||||||
view(){
|
|
||||||
return m("div",
|
|
||||||
this.tabs(),
|
|
||||||
this.info())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const Court = {
|
|
||||||
view: function(){
|
|
||||||
const margin = 50
|
|
||||||
return m("svg.court-side", { width: 900 + 2 * margin, height: 450 + 2 * margin}, [
|
|
||||||
m("g.court-border#court", {transform: `translate(${margin} ${margin})`}, [
|
|
||||||
m("rect", {width: 900, height: 450, style: 'background-color: pink;'}),
|
|
||||||
getCourtLines()
|
|
||||||
])
|
|
||||||
])
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// m.render(document.getElementById("new"), drawCourt());
|
|
||||||
|
|
||||||
// m.render(document.getElementById("first"), generatePoints(points.points, range(-10, 400)));
|
|
||||||
// m.render(document.getElementById("first-ts"), m("span", getTimeStamp(points.points, 80)));
|
|
||||||
|
|
||||||
const Main = {
|
|
||||||
view: function(){
|
|
||||||
return m("div", [
|
|
||||||
m("h1.title.is-1", "DodgeBall Tracker"),
|
|
||||||
m("div.columns.is-centered",
|
|
||||||
m("m.column.is-three-quarters",
|
|
||||||
m(Court),
|
|
||||||
m(WorkingTabs)))
|
|
||||||
])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
m.mount(document.body, Main);
|
|
||||||
Whitespace-only changes.
@@ -1,16 +0,0 @@
|
|||||||
.court-border {
|
|
||||||
stroke: red;
|
|
||||||
stroke-width: 4px;
|
|
||||||
/*fill-opacity: 0;*/
|
|
||||||
fill: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.court-side {
|
|
||||||
background-color: pink;
|
|
||||||
}
|
|
||||||
|
|
||||||
.return-line {
|
|
||||||
stroke: blue;
|
|
||||||
stroke-width: 2px;
|
|
||||||
fill-opacity: 0;
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
export function range(min, max=undefined){
|
|
||||||
if(max === undefined){
|
|
||||||
max = min;
|
|
||||||
min = 0;
|
|
||||||
}
|
|
||||||
const ret = [];
|
|
||||||
while(min < max){
|
|
||||||
ret.push(min);
|
|
||||||
min ++;
|
|
||||||
}
|
|
||||||
return ret
|
|
||||||
}
|
|
||||||
Reference in new issue
Block a user