Mobile-Fixes, Cover-Rendering, aufrechte Objekte, Fuss-Favicon
- Rendering von SVG-viewBox auf sauberes DOM-Modell (div#world > img) umgestellt:
behebt den Pinch-Fokus-Bug ("zoomt in die Ecke") auf Touch
- Szene fuellt jetzt bildschirmfuellend (Cover) mit eigener Cover-Klemmung statt
Letterbox-Balken (v.a. mobil im Hochformat)
- Tippen ueber Pointer-Events statt click (funktioniert auf Touch, wo panzoom das
synthetische click unterdrueckt); Mehrfinger/Pinch zaehlt nie als Tipp
- touch-action:none aufs Bild -> fluessiges Pinch-Zoom
- Objekte aufrecht (leichte Neigung) statt zufaellig gekippt + dezenter Tiefen-Verlauf
-> wirkt wie eine Szene statt "Haufen"
- Favicon: Fuss-Emoji
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -99,7 +99,7 @@ function buildImageItem(cat, pos) {
|
||||
cx: pos.cx,
|
||||
cy: pos.cy,
|
||||
size: rand(cat.minSize, cat.maxSize),
|
||||
rot: rand(-180, 180),
|
||||
rot: rand(-14, 14), // aufrecht mit leichter Neigung -> wirkt platziert, nicht hingekippt
|
||||
};
|
||||
}
|
||||
|
||||
@@ -165,7 +165,7 @@ export function generateScene(cat) {
|
||||
cx: pos.cx,
|
||||
cy: pos.cy,
|
||||
size: rand((cat.minSize + cat.maxSize) / 2, cat.maxSize),
|
||||
rot: rand(-25, 25),
|
||||
rot: rand(-16, 16),
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -185,7 +185,7 @@ export function generateScene(cat) {
|
||||
|
||||
const item = isEmoji
|
||||
? { kind: 'emoji', glyph: t.glyph, codepoint: t.codepoint, cx: pos.cx, cy: pos.cy, size, rot: rand(-12, 12) }
|
||||
: { kind: 'image', assetUrl: t.url, cx: pos.cx, cy: pos.cy, size, rot: rand(-25, 25) };
|
||||
: { kind: 'image', assetUrl: t.url, cx: pos.cx, cy: pos.cy, size, rot: rand(-14, 14) };
|
||||
items.push(item);
|
||||
|
||||
legend.push(
|
||||
|
||||
Reference in New Issue
Block a user