@luna-editor/engine 0.5.3 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -540,12 +540,12 @@ export const GameScreen = memo(function GameScreen({ scenario, currentBlock, pre
|
|
|
540
540
|
return (_jsx("div", { style: Object.assign({ position: "absolute", visibility: shouldDisplay ? "visible" : "hidden", opacity: opacity, filter: `brightness(${brightness})`, zIndex: zIndex,
|
|
541
541
|
// CharacterEditDialogと完全に同じ: left/topを0にしてtransformで位置制御
|
|
542
542
|
// translate(%)は画像サイズに対する割合
|
|
543
|
-
left: 0, top: 0, transform: `translate(${leftPx}px, ${topPx}px) translate(${translateXPercent}%, ${translateYPercent}%)`, transition: fadeState ? "none" : undefined }, cropMaskStyle), "data-character-id": image.objectId, "data-character-sprite": true, children: hasLayerFeature && image.baseBodyUrl ? (_jsxs(_Fragment, { children: [_jsx("img", { src: image.baseBodyUrl, alt: "", style: {
|
|
543
|
+
left: 0, top: 0, transform: `translate(${leftPx}px, ${topPx}px) translate(${translateXPercent}%, ${translateYPercent}%)`, transition: fadeState ? "none" : undefined }, cropMaskStyle), "data-character-id": image.objectId, "data-character-sprite": true, children: hasLayerFeature && image.baseBodyUrl ? (_jsxs(_Fragment, { children: [_jsx("img", { src: image.baseBodyUrl, alt: "", decoding: "sync", style: {
|
|
544
544
|
height: `${baseHeight}px`,
|
|
545
545
|
width: "auto",
|
|
546
546
|
objectFit: "contain",
|
|
547
547
|
transform: `translateX(${image.baseBodyTranslateX || 0}%) translateY(${image.baseBodyTranslateY || 0}%)`,
|
|
548
|
-
} }), currentLayers === null || currentLayers === void 0 ? void 0 : currentLayers.filter((layer) => layer.imageUrl).sort((a, b) => a.sortOrder - b.sortOrder).map((layer) => (_jsx("img", { src: layer.imageUrl, alt: "", style: {
|
|
548
|
+
} }), currentLayers === null || currentLayers === void 0 ? void 0 : currentLayers.filter((layer) => layer.imageUrl).sort((a, b) => a.sortOrder - b.sortOrder).map((layer) => (_jsx("img", { src: layer.imageUrl, alt: "", decoding: "sync", style: {
|
|
549
549
|
position: "absolute",
|
|
550
550
|
left: 0,
|
|
551
551
|
top: 0,
|
|
@@ -555,7 +555,7 @@ export const GameScreen = memo(function GameScreen({ scenario, currentBlock, pre
|
|
|
555
555
|
transform: `translateX(${image.translateX || 0}%) translateY(${image.translateY || 0}%)`,
|
|
556
556
|
} }, layer.id)))] })) : (
|
|
557
557
|
/* 従来の単一画像表示 */
|
|
558
|
-
_jsx("img", { src: image.url, alt: "", style: {
|
|
558
|
+
_jsx("img", { src: image.url, alt: "", decoding: "sync", style: {
|
|
559
559
|
height: `${baseHeight}px`,
|
|
560
560
|
width: "auto",
|
|
561
561
|
objectFit: "contain",
|