' +
@@ -1527,20 +1476,8 @@
e.size ? e.size + "px" : "";
}
});
- // Die Perspektiv-Matrizen der Szene rechnen in Bildpixeln des Originals.
- // Der Faktor auf die Breite in der Slide haengt also an der Geraetebreite
- // und muss jede Groessenaenderung mitmachen.
- const sz = slideEl.querySelector(".szene");
- if (sz) {
- const w = (set["szene"] || {}).size || STANDARD["szene"].size;
- sz.style.setProperty("--sk", w / SZENE_PX);
- }
}
- // Breite des freigestellten Mockups im Originalmassstab. Die matrix3d-Werte
- // sind darauf bezogen, deshalb steht die Zahl hier und nicht im CSS.
- const SZENE_PX = 5742;
-
// Eine Seite = der Inhalt genau einer Slide, unabhängig davon, in welcher
// Slide sie gerade mitgerendert wird.
function buildPage(j) {
@@ -1560,9 +1497,14 @@
if (sl.mockW) mock.style.setProperty("--mock-w", sl.mockW + "px");
if (sl.mockAR) mock.style.setProperty("--mock-ar", sl.mockAR);
if (sl.mockLeft) mock.style.setProperty("--mock-left", sl.mockLeft + "px");
- // Hinterstes Blatt bekommt den Screen der nächsten Feature-Slide.
+ /* Hinterstes Blatt bekommt standardmässig den Screen der nächsten
+ Feature-Slide. Das kann danebengehen: der nächste Screen ist
+ womöglich stark gezoomt und damit unscharf, und er zeigt Bedienung,
+ die zum Feature dieser Slide gar nicht passt. Deshalb ist er über
+ "back" pro Slide überschreibbar. */
const withImg = SLIDES.filter(x => x.img);
- const other = withImg[(withImg.findIndex(x => x.img === sl.img) + 1) % withImg.length];
+ const auto = withImg[(withImg.findIndex(x => x.img === sl.img) + 1) % withImg.length];
+ const other = sl.back || { img: auto.img, imgScale: auto.imgScale, imgX: auto.imgX, imgY: auto.imgY };
mock.innerHTML =
'
s.img).map(s => s.img))
+ .concat(SLIDES.filter(s => s.back).map(s => s.back.img))
.concat(SLIDES.filter(s => s.media2).map(s => s.media2.img));
paths.push("./assets/screens/pipelines.png", "./assets/screens/chat-tablet.png");
// Optional: the layout falls back to a hint if the file is not there yet.
- const optional = new Set(["./assets/mockups/laptop.png", "./assets/mockups/macbook-szene.png"]);
- paths.push("./assets/mockups/laptop.png", "./assets/mockups/macbook-szene.png");
+ const optional = new Set(["./assets/mockups/laptop.png", "./assets/mockups/macbook-board.png"]);
+ paths.push("./assets/mockups/laptop.png", "./assets/mockups/macbook-board.png");
for (const path of [...new Set(paths)]) {
const res = await fetch(path, { cache: "no-store" }).catch(() => null);
if (!res || !res.ok) {
@@ -1851,7 +1794,7 @@
Geräterahmen selbst. Die Rahmen fehlten in dieser Liste, deshalb blieb ein
Export ohne Macbook unbemerkt. */
const SHOT_BOXES =
- ".mock-inner, .laptop-screen, .hex-shot, .szene-screen, .szene-dev, .laptop-frame";
+ ".mock-inner, .laptop-screen, .hex-shot, .szene-dev, .laptop-frame";
const MAX_TRIES = 5;
// Ab hier gilt eine Fläche als leer. Da nur noch das Innere des Vierecks
// abgetastet wird, ist kein Beiwerk mehr dabei, das die Spanne aufbläht.
@@ -1859,9 +1802,9 @@
/* Die vier Ecken eines Kindes in Slide-Koordinaten.
Vorher stand hier das achsenparallele Umrechteck. Das war der Fehler:
- .szene-mb und .szene-ip stehen per matrix3d schräg im Raum, ihr Umrechteck
- umfasst Raster, Hintergrund und das Nachbargerät. Darin fand die Prüfung
- immer genug Helligkeitsspanne und winkte eine leere Displayfläche durch —
+ ein gedrehtes oder perspektivisch gestelltes Bild hat ein Umrechteck, das
+ Raster, Hintergrund und Nachbarelemente mit einschliesst. Darin fand die
+ Prüfung immer genug Helligkeitsspanne und winkte eine leere Fläche durch —
genau so kam ein Export ohne Screenshots durch die Kontrolle.
getBoxQuads gäbe die echten Ecken, kennt Chrome aber nicht. Also werden
vier 1-px-Marken in die Ecken gesetzt und ausgemessen: die Layout-Engine
diff --git a/state/post1-merk.json b/state/post1-merk.json
index 5b13637..a1e7a10 100644
--- a/state/post1-merk.json
+++ b/state/post1-merk.json
@@ -34,11 +34,6 @@
"dx": -40,
"dy": 597
},
- "szene": {
- "dx": 1,
- "dy": -88,
- "size": 1020
- },
"wabe-claim": {
"dx": 4,
"dy": -891
@@ -67,7 +62,7 @@
},
"mock": {
"dx": 96,
- "dy": 18,
+ "dy": 15,
"size": 706
},
"mock-2": {
@@ -91,7 +86,7 @@
},
"mock": {
"dx": -36,
- "dy": -371,
+ "dy": -357,
"size": 965
},
"mock-2": {
@@ -120,7 +115,7 @@
},
"mock": {
"dx": -20,
- "dy": -232,
+ "dy": -222,
"size": 931
},
"mock-2": {
@@ -143,12 +138,12 @@
},
"mock": {
"dx": -24,
- "dy": 0,
+ "dy": -8,
"size": 584
}
}
],
- "frameStyle": "stapel",
+ "frameStyle": "rund",
"layoutState": [
"szene",
"standard",
@@ -159,7 +154,7 @@
"superSample": 3,
"tagOut": "an",
"tilt": "aus",
- "v": 2,
+ "v": 3,
"variant": "hell",
"view": "streifen"
}