TrackSeed 1.2.0 web demo (built from tag v1.2.0, commit 5e7ab20)
Browse files- LICENSE +21 -0
- README.md +20 -5
- assets/index-B9SqdXj_.css +1 -0
- assets/index-Tu_tO6hX.js +0 -0
- favicon.svg +1 -0
- index.html +14 -17
LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
MIT License
|
| 2 |
+
|
| 3 |
+
Copyright (c) 2026 Taewan Kim
|
| 4 |
+
|
| 5 |
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
| 6 |
+
of this software and associated documentation files (the "Software"), to deal
|
| 7 |
+
in the Software without restriction, including without limitation the rights
|
| 8 |
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
| 9 |
+
copies of the Software, and to permit persons to whom the Software is
|
| 10 |
+
furnished to do so, subject to the following conditions:
|
| 11 |
+
|
| 12 |
+
The above copyright notice and this permission notice shall be included in all
|
| 13 |
+
copies or substantial portions of the Software.
|
| 14 |
+
|
| 15 |
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
| 16 |
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
| 17 |
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
| 18 |
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
| 19 |
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
| 20 |
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
| 21 |
+
SOFTWARE.
|
README.md
CHANGED
|
@@ -1,10 +1,25 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
|
|
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: TrackSeed
|
| 3 |
+
emoji: 🏁
|
| 4 |
+
colorFrom: gray
|
| 5 |
+
colorTo: green
|
| 6 |
sdk: static
|
| 7 |
+
app_file: index.html
|
| 8 |
pinned: false
|
| 9 |
+
license: mit
|
| 10 |
+
short_description: Seeded procedural race tracks with geometric validation
|
| 11 |
---
|
| 12 |
|
| 13 |
+
# TrackSeed 1.2.0: web demo
|
| 14 |
+
|
| 15 |
+
TrackSeed generates closed, elevated racing tracks from a seed and a few parameters, validates their geometry (self-intersection, edge folds, sharp vertices, undersampling) and reports scale-normalised metrics. The same seed and parameters always give the same track document.
|
| 16 |
+
|
| 17 |
+
This Space runs the TrackSeed web interface in the browser: generate a track, inspect the validation report, export the track document as JSON and drive the track.
|
| 18 |
+
|
| 19 |
+
- Source code: https://github.com/Taewan627/trackseed
|
| 20 |
+
- Archived release: https://doi.org/10.5281/zenodo.24203510
|
| 21 |
+
- Built from: tag `v1.2.0` (commit `5e7ab20`), `npm ci && npm run build`, unmodified `dist/`
|
| 22 |
+
- Licence: MIT
|
| 23 |
+
- Maintainer: Taewan Kim
|
| 24 |
+
|
| 25 |
+
The library, the command-line tool and the polyline validator are documented in the repository README.
|
assets/index-B9SqdXj_.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
:root{color:#dfe6df;font-synthesis:none;--accent:#c2ec8d;--muted:#83918f;--line:#2b3538;background:#11171c;font-family:Inter,Segoe UI,Malgun Gothic,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:760px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}button:hover{filter:brightness(1.1)}a{color:inherit;text-decoration:none}#app{grid-template-rows:62px minmax(0,1fr) 72px;grid-template-columns:280px minmax(0,1fr);height:100dvh;min-height:670px;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:#151d22;grid-column:1/-1;align-items:center;gap:36px;padding:0 25px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;display:flex}.brand strong{font-size:21px;font-weight:650}.brand strong span{color:#a5b3ac;font-weight:400}.brand-mark{color:var(--accent);justify-content:center;align-items:center;font-size:42px;line-height:30px;display:inline-flex;transform:rotate(-20deg)}.version{color:#a4ba94;letter-spacing:0;border:1px solid #39463c;border-radius:3px;margin-left:2px;padding:3px 5px;font-size:10px}.header-path{letter-spacing:.2px;color:#8b9997;font-size:11px}.header-path>span{color:#495855;padding:0 12px}.header-path:first-letter{color:#adb8af}.local-badge{color:#92a39b;letter-spacing:1px;align-items:center;gap:8px;margin-left:auto;font:10px Consolas,monospace;display:flex}.local-badge i,.live-dot,.mini-live i,.status-dot,.ready-indicator>i{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#43514a transparent;background:#182025;padding:25px 22px 15px;overflow:auto}.eyebrow{letter-spacing:1.9px;color:#99ab9a;font:9px Consolas,monospace}.panel-title h1{letter-spacing:-.9px;margin:10px 0 8px;font-size:22px;font-weight:550}.panel-title h1>span{float:right;color:var(--accent);font-size:24px;font-weight:300}.panel-title p{color:var(--muted);margin:0 0 26px;font-size:11px}.parameter-section{border-top:1px solid var(--line);margin-top:17px;padding-top:16px}.parameter-section h2{color:#bec9c1;margin:0 0 15px;font-size:11px;font-weight:500}.parameter-section h2>span{color:#65786c;margin-right:10px;font:10px Consolas,monospace}.field-heading{color:#a4b1ac;justify-content:space-between;align-items:center;min-height:24px;font-size:11px;display:flex}.field-heading>div{align-items:center;gap:6px;display:flex}.field-heading>div>span{color:#667d72;text-align:right;width:25px;font:9px Consolas,monospace}.field-heading input[type=number]{color:#d9e8cb;text-align:right;appearance:textfield;background:#1c292b;border:1px solid #34413f;border-radius:3px;width:51px;padding:3px 4px;font:11px Consolas,monospace}.field-heading input::-webkit-inner-spin-button{appearance:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:12px;margin:5px 0 0}input[type=range]::-webkit-slider-runnable-track{background:#36473e;border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#b5d691;border:2px solid #1c2926;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 0 1px #879e73}input[type=range]::-moz-range-track{background:#36473e;height:3px}input[type=range]::-moz-range-thumb{background:#b5d691;border:1px solid #1c2926;border-radius:50%;width:9px;height:9px}.select-field{color:#a4b1ac;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.select-field select{color:#c7d2c7;background:#1d292b;border:1px solid #34413f;border-radius:3px;width:150px;min-width:0;padding:7px 2px;font-size:11px}.seed-section{border-top:1px solid var(--line);margin-top:21px;padding-top:17px}.seed-label{justify-content:space-between;align-items:center;display:flex}.seed-label label{letter-spacing:1px;color:#b8c6b7;font:9px Consolas,monospace}.seed-label>span{color:#6f8377;font-size:9px}.seed-input{background:#121d21;border:1px solid #34413f;border-radius:4px;align-items:center;margin-top:10px;padding-left:11px;display:flex}.seed-input>span{color:#6e8b71;font:14px Consolas,monospace}.seed-input input{color:#d9e5cf;appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:10px;font:13px Consolas,monospace}.seed-input input::-webkit-inner-spin-button{appearance:none}.seed-input button{color:#adbf9b;background:0 0;border:0;border-left:1px solid #34413f;padding:3px 11px;font-size:21px}.form-actions{margin-top:16px}.generate{background:var(--accent);color:#22311d;text-align:left;border:0;border-radius:4px;width:100%;padding:12px 13px;font-size:12px;font-weight:650}.generate span{float:right;font-size:17px;line-height:14px}.reset{color:#86958a;background:0 0;border:0;width:100%;padding:10px;font-size:10px}.sidebar-note{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.sidebar-note>span{color:#70826d;font-size:21px}.sidebar-note p{color:#6e8078;margin:0;font-size:9px;line-height:1.7}.workspace{background:#172126;flex-direction:column;min-width:0;min-height:0;display:flex}.viewport-toolbar{border-bottom:1px solid var(--line);color:#84998f;flex-shrink:0;justify-content:space-between;align-items:center;height:49px;padding:0 23px;font-size:10px;display:flex}.viewport-toolbar>div:first-child{align-items:center;gap:10px;display:flex}.viewport-toolbar strong{letter-spacing:.8px;color:#b6c6bb;font:10px Consolas,monospace}.toolbar-separator{color:#45584e;padding:0 4px}.live-dot{width:5px;height:5px}.camera-tabs{border:1px solid #35423d;border-radius:4px;gap:2px;padding:3px;display:flex}.camera-tabs button{color:#8d9d94;background:0 0;border:0;border-radius:2px;padding:5px 14px;font-size:10px}.camera-tabs button.active{color:#d8edc3;background:#36473c}.camera-tabs kbd{border:1px solid #62715b;border-radius:2px;margin-left:5px;padding:1px 3px;font:8px Consolas,monospace}.viewport{flex:1;min-height:0;position:relative;overflow:hidden}.viewport>canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewport>canvas:focus-visible{box-shadow:inset 0 0 0 1px #677e59}.scene-caption{z-index:1;pointer-events:none;position:absolute;top:27px;left:27px}.scene-caption .eyebrow{color:#91a899;letter-spacing:1.1px;font-size:9px}.scene-caption .eyebrow span{color:#c5dfa2;border:1px solid #486044;border-radius:2px;margin-left:8px;padding:2px 4px;font-size:8px}.scene-caption h2{letter-spacing:-1px;color:#dae4d4;margin:11px 0 8px;font:400 23px Consolas,monospace}.scene-caption p{color:#849a8d;margin:0;font:10px Consolas,monospace}.minimap-panel{z-index:1;pointer-events:none;background:#16212773;border:1px solid #3c5147;border-radius:5px;width:252px;position:absolute;top:22px;right:23px;overflow:hidden;box-shadow:0 7px 25px #0c171d20}.mini-title{letter-spacing:1px;color:#b7c9b6;border-bottom:1px solid #2a3b36;justify-content:space-between;align-items:center;padding:11px 13px;font:9px Consolas,monospace;display:flex}.mini-live{letter-spacing:.4px;color:#9dbd83;font-size:8px}.mini-live i{width:4px;height:4px;margin-right:3px}#minimap{width:100%;height:auto;display:block}.map-legend{color:#8a9f91;border-top:1px solid #293a34;align-items:center;gap:12px;padding:9px 12px;font-size:9px;display:flex}.map-legend>span{align-items:center;gap:5px;display:flex}.map-legend>span:last-child{color:#667f70;margin-left:auto;font:8px Consolas,monospace}.legend-car{background:var(--accent);border-radius:50%;width:5px;height:5px}.legend-start{background:#edf2e6;width:4px;height:4px}.viewport-bottom{z-index:1;pointer-events:none;color:#92a496;justify-content:space-between;gap:10px;font-size:10px;display:flex;position:absolute;bottom:18px;left:25px;right:25px}.scene-status{align-items:center;gap:7px;display:flex}.status-dot{width:4px;height:4px}#orbit-hint{color:#778e7f;font-size:9px}#orbit-hint span{margin:0 4px}.metrics{border-top:1px solid var(--line);background:#192327;flex-shrink:0;align-items:center;gap:0;min-height:94px;padding:15px 25px;display:flex}.metrics>div{border-right:1px solid #2e3b37;flex:1;padding-left:22px}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metrics>div>span:first-child{letter-spacing:1px;color:#849a8b;font:8px Consolas,monospace;display:block}.metrics strong{color:#d7e4cf;margin-top:7px;font:400 22px Consolas,monospace;display:inline-block}.metrics small{color:#6b8473;margin-top:4px;font:8px Consolas,monospace;display:block}.metrics .ready-indicator{align-items:center;gap:9px;padding-left:24px;display:flex}.metrics .ready-indicator>i{flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 4px #a2da6e10}.metrics .ready-indicator>span{letter-spacing:.5px;color:#afc994;font:8px/1.6 Consolas,monospace}.metrics .ready-indicator small{letter-spacing:0;color:#7f9682;font-family:inherit;font-size:9px}.hud{background:#121b20;border-top:1px solid #354338;grid-column:1/-1;align-items:center;gap:28px;padding:0 24px;display:flex}.speedometer{align-items:baseline;gap:8px;min-width:190px;display:flex}.speedometer>span:first-child{color:#819589;letter-spacing:1px;font:9px Consolas,monospace}.speedometer strong{color:#d4ebbd;text-align:right;min-width:58px;font:400 30px Consolas,monospace}.speedometer small{color:#798d7e;font:10px Consolas,monospace}.speedometer .gear{color:#aeca91;border:1px solid #40513f;border-radius:3px;margin-left:5px;padding:3px 6px;font:10px Consolas,monospace}.controls-hint{color:#8c9c90;align-items:center;gap:20px;font-size:10px;display:flex}.coin-hud{color:#ffe198;flex-shrink:0;align-items:baseline;gap:8px;font:10px Consolas,monospace;display:flex}.coin-hud strong{white-space:nowrap;font-size:17px;font-weight:400}.coin-complete{z-index:2;color:#ffe198;white-space:nowrap;pointer-events:none;background:#202a24;border:1px solid #d6b558;border-radius:5px;padding:12px 18px;font-size:13px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.controls-hint>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.controls-hint kbd{text-align:center;color:#c1cdb8;background:#1c2929;border:1px solid #3c4b43;border-radius:3px;min-width:18px;padding:3px 4px;font:10px Consolas,monospace;box-shadow:0 1px #40523f}.seed-hud{letter-spacing:.6px;color:#798d7f;white-space:nowrap;align-items:center;gap:9px;margin-left:auto;font:9px Consolas,monospace;display:flex}.seed-hud strong{color:#c1d0b6;font:12px Consolas,monospace}.seed-hud>span{color:#a0b08e;border-left:1px solid #3c4b43;margin-left:15px;padding-left:18px;font-size:8px}#error{z-index:5;color:#efcdb1;background:#352821;border:1px solid #a87953;border-radius:5px;padding:25px;font-size:13px;line-height:1.8;position:absolute;inset:30% 15%}#error[hidden]{display:none}@media (height>=900px){.sidebar{padding-top:30px}.slider-field{margin-bottom:19px}.parameter-section{margin-top:23px;padding-top:20px}.panel-title p{margin-bottom:32px}.sidebar-note{margin-top:22px}}@media (width<=1200px){#app{grid-template-columns:252px minmax(0,1fr)}.sidebar{padding:23px 18px 12px}.controls-hint{gap:10px}.controls-hint>span{font-size:9px}.hud{gap:18px;padding:0 18px}.header-path,.metrics .ready-indicator{display:none}.minimap-panel{width:210px}.scene-caption h2{font-size:20px}.seed-hud>span{display:none}.speedometer{min-width:168px}}@media (width<=950px){.controls-hint>span:nth-last-child(-n+2){display:none}.scene-caption{top:20px;left:20px}.scene-caption h2{font-size:17px}.scene-caption p{max-width:140px;line-height:1.8}.minimap-panel{width:170px;top:18px;right:18px}.metrics{padding:15px 20px}.metrics>div{padding-left:15px}.metrics strong{font-size:18px}.metrics>div>span:first-child{letter-spacing:.3px;font-size:7px}#orbit-hint{display:none}.viewport-toolbar{padding:0 15px}.camera-tabs button{padding:5px 9px}}@media (height<=760px){.sidebar{padding-top:18px}.panel-title p{margin-bottom:18px}.parameter-section{margin-top:12px;padding-top:12px}.parameter-section h2{margin-bottom:10px}.slider-field{margin-bottom:8px}.seed-section{margin-top:15px;padding-top:12px}.sidebar-note{display:none}.metrics{min-height:82px}.form-actions{margin-top:12px}}.sidebar{flex-direction:column;display:flex;overflow:hidden}.panel-title{flex-shrink:0}#parameters{flex-direction:column;flex:1;min-height:0;display:flex}.parameter-scroll{scrollbar-width:thin;scrollbar-color:#43514a transparent;min-height:0;padding:0 3px 0 0;overflow-y:auto}.form-actions{background:#182025;flex-shrink:0;margin-top:0;padding-top:12px}.sidebar-note{flex-shrink:0}.parameter-scroll>.parameter-section:first-child{margin-top:0}@media (height>=900px){.slider-field{margin-bottom:13px}.parameter-section{margin-top:18px;padding-top:16px}}.sidebar-note{display:none}.slider-field{margin-bottom:8px}.field-heading{min-height:22px}.parameter-section{margin-top:13px;padding-top:13px}.parameter-section h2{margin-bottom:10px}@media (height>=900px){.slider-field{margin-bottom:8px}.parameter-section{margin-top:13px;padding-top:13px}.panel-title p{margin-bottom:23px}}@media (height>=1100px){.sidebar-note{display:flex}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.pattern-status,.pattern-warning{overflow-wrap:anywhere;margin:10px 0 0;font-size:10px;line-height:1.7}.pattern-status{color:#a9c18d}.pattern-warning{color:#ffcf8c;background:#362c21;border:1px solid #8c693b;border-radius:4px;padding:8px}#corner-fields{margin-top:12px}.io-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.io-button{color:#c9d6c0;background:#20292e;border:1px solid #34413f;border-radius:4px;padding:9px 10px;font-size:11px}.io-button:hover{border-color:#adbf9b}.io-message{overflow-wrap:anywhere;margin:10px 0 0;font-size:10px;line-height:1.7}.io-message.ok{color:#a9c18d}.io-message.error{color:#ff9c8c;background:#3a2522;border:1px solid #9c4a3b;border-radius:4px;padding:8px}.validation-head{align-items:center;gap:10px;display:flex}.validation-badge{letter-spacing:.04em;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:650}.validation-badge.ok{color:#22311d;background:var(--accent)}.validation-badge.invalid{color:#3a1410;background:#ff9c8c}.validation-counts{color:#86958a;font-size:10px}.validation-checks,.validation-violations{margin:10px 0 0;padding:0;font-size:10px;line-height:1.7;list-style:none}.validation-checks li{justify-content:space-between;display:flex}.validation-checks .check-pass{color:#a9c18d}.validation-checks .check-skipped{color:#86958a}.validation-checks .check-error{color:#ff9c8c}.validation-checks .check-warning{color:#ffcf8c}.validation-violations li{overflow-wrap:anywhere;border-left:3px solid;border-radius:2px;margin-bottom:4px;padding:5px 7px}.validation-violations .violation-error{color:#ffb4a8;background:#3a2522;border-color:#ff9c8c}.validation-violations .violation-warning{color:#ffcf8c;background:#362c21;border-color:#8c693b;border-left-style:dashed}.validation-violations .violation-more{color:#86958a;border-color:#0000}.validation-violations code{font-weight:650}.lang-toggle{border:1px solid #35423d;border-radius:4px;gap:2px;margin-left:-12px;padding:3px;display:flex}.lang-toggle button{color:#8d9d94;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:4px 10px;font-size:10px}.lang-toggle button.active{color:#d8edc3;background:#36473c}.lang-toggle button:focus-visible{outline:1px solid #677e59}
|
assets/index-Tu_tO6hX.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
favicon.svg
ADDED
|
index.html
CHANGED
|
@@ -1,19 +1,16 @@
|
|
| 1 |
<!doctype html>
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
</p>
|
| 17 |
-
</div>
|
| 18 |
-
</body>
|
| 19 |
</html>
|
|
|
|
| 1 |
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<meta name="theme-color" content="#11171c" />
|
| 7 |
+
<meta name="description" content="TrackSeed — a local 3D lab for procedural track generation and manual driving" />
|
| 8 |
+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
| 9 |
+
<title>TrackSeed · Procedural Track Studio</title>
|
| 10 |
+
<script type="module" crossorigin src="/assets/index-Tu_tO6hX.js"></script>
|
| 11 |
+
<link rel="stylesheet" crossorigin href="/assets/index-B9SqdXj_.css">
|
| 12 |
+
</head>
|
| 13 |
+
<body>
|
| 14 |
+
<div id="app"></div>
|
| 15 |
+
</body>
|
|
|
|
|
|
|
|
|
|
| 16 |
</html>
|