Space-time shapes

examples/assets/config/layer/3DTiles_STS_data.json

@@ -0,0 +1,56 @@
+[
+  [
+    {
+      "id": "Lyon-v1",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-1/tileset.json",
+      "date": 1998
+    },
+    {
+      "id": "Lyon-v2",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-2/tileset.json",
+      "date": 2004
+    },
+    {
+      "id": "Lyon-v3",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-3/tileset.json",
+      "date": 2006
+    },
+    {
+      "id": "Lyon-v4",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-4/tileset.json",
+      "date": 2012
+    },
+    {
+      "id": "Lyon-v5",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-5/tileset.json",
+      "date": 2015
+    },
+    {
+      "id": "Lyon-v6",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/FakeData/Lyon-version-6/tileset.json",
+      "date": 2024
+    }
+  ],
+  [
+    {
+      "id": "Gratte-Ciel-v1",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Fake_Gratte-Ciel/version-1/tileset.json",
+      "date": 300
+    },
+    {
+      "id": "Gratte-Ciel-v2",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Fake_Gratte-Ciel/version-2/tileset.json",
+      "date": 1588
+    },
+    {
+      "id": "Gratte-Ciel-v3",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Fake_Gratte-Ciel/version-3/tileset.json",
+      "date": 2050
+    },
+    {
+      "id": "Gratte-Ciel-v14",
+      "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Fake_Gratte-Ciel/version-4/tileset.json",
+      "date": 2077
+    }
+  ]
+]

examples/assets/config/layer/3DTiles_temporal.json

@@ -1,10 +1,29 @@
 [
   {
     "id": "Lyon-1-temporal",
-    "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Lyon1er_Temporal-2009-2012-2015_TileSet/tileset.json"
+    "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Lyon1er_Temporal-2009-2012-2015_TileSet/tileset.json",
+    "dates": [
+      2009,
+      2012,
+      2015
+    ]
   },
   {
     "id": "La Doua temporel",
-    "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/la-doua_2009-2018-temporal_tileset/tileset.json"
+    "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/la-doua_2009-2018-temporal_tileset/tileset.json",
+    "dates": [
+      2009,
+      2018
+    ]
+  },
+  {
+    "id": "Gratte-Ciel temporel",
+    "url": "https://dataset-dl.liris.cnrs.fr/three-d-tiles-lyon-metropolis/Temporal/Villeurbanne_GratteCiel_Temporal_2009-2012-2015-2018_TileSet/tileset.json",
+    "dates": [
+      2009,
+      2012,
+      2015,
+      2018
+    ]
   }
-]
+]

examples/assets/css/space_time_shape.css

@@ -0,0 +1,42 @@
+#stp_ui {
+  position: absolute;
+  display: grid;
+  left: 0%;
+  top: 0%;
+  z-index: 10;
+  background-color: #f5f5f5c2;
+}
+
+#stp_ui > div label {
+  display: block;
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+}
+
+#stp_ui > div input[type='text'],
+#stp_ui > div select {
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 0.25rem;
+  font-size: 1rem;
+  text-transform: capitalize;
+}
+
+#stp_ui > div select {
+  appearance: none;
+  background-repeat: no-repeat;
+  background-position: right 0.5rem center;
+  background-size: 1rem;
+  padding-right: 2rem;
+}
+
+#stp_ui > div input[type='checkbox'] {
+  margin-right: 0.5rem;
+}
+
+#stp_ui > div input[type='text']:focus,
+#stp_ui > div select:focus {
+  outline: none;
+  border-color: #666;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+}