@luna-editor/engine 0.5.2 → 0.5.4

package/dist/Player.js

@@ -517,7 +517,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
     }, [pluginManager, branchState]);
     // ダイアログ表示とアクションノード実行のuseEffectを分離
     useEffect(() => {
-        if (currentBlock) {
+        if (currentBlock && isFirstRenderComplete && pluginsLoaded) {
             // fullscreen_text は独自のタイプライターを使うので、displayTextをクリアしてスキップ
             if (currentBlock.blockType === "fullscreen_text") {
                 startTyping("");
@@ -548,7 +548,7 @@ export const Player = ({ scenario: scenarioProp, settings, plugins = EMPTY_PLUGI
                 startTyping(content, false);
             }
         }
-    }, [currentBlock, previousBlock, startTyping, resetAccumulated]);
+    }, [currentBlock, previousBlock, startTyping, resetAccumulated, isFirstRenderComplete, pluginsLoaded]);
     // 分岐ブロック自動ロード処理
     useEffect(() => {
         if (currentBlock && currentBlock.blockType === "conversation_branch") {

package/dist/components/GameScreen.js

@@ -433,6 +433,16 @@ export const GameScreen = memo(function GameScreen({ scenario, currentBlock, pre
         if (pendingEntranceRef.current.includes(image.objectId)) {
             opacity = 0;
         }
+        // useEffectが走る前の新キャラ（entranceFadesにもpendingEntranceにもまだない）を非表示
+        // これにより登場フェード開始前の1フレームでチラつくのを防ぐ
+        // ただし初回レンダリング時（prevが空）はフェードなしで即表示する
+        if (prevDisplayedCharIdsRef.current.size > 0 &&
+            entranceFadeOpacity === undefined &&
+            !pendingEntranceRef.current.includes(image.objectId) &&
+            !prevDisplayedCharIdsRef.current.has(image.objectId) &&
+            !isExitingChar) {
+            opacity = 0;
+        }
         // 明るさを決定
         let brightness = 1;
         if (displayedCharacters.length > 0 && displayedChar) {
@@ -530,12 +540,12 @@ export const GameScreen = memo(function GameScreen({ scenario, currentBlock, pre
         return (_jsx("div", { style: Object.assign({ position: "absolute", visibility: shouldDisplay ? "visible" : "hidden", opacity: opacity, filter: `brightness(${brightness})`, zIndex: zIndex, 
                 // CharacterEditDialogと完全に同じ: left/topを0にしてtransformで位置制御
                 // translate(%)は画像サイズに対する割合
-                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: {
+                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: {
                             height: `${baseHeight}px`,
                             width: "auto",
                             objectFit: "contain",
                             transform: `translateX(${image.baseBodyTranslateX || 0}%) translateY(${image.baseBodyTranslateY || 0}%)`,
-                        } }), 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: {
+                        } }), 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: {
                             position: "absolute",
                             left: 0,
                             top: 0,
@@ -545,7 +555,7 @@ export const GameScreen = memo(function GameScreen({ scenario, currentBlock, pre
                             transform: `translateX(${image.translateX || 0}%) translateY(${image.translateY || 0}%)`,
                         } }, layer.id)))] })) : (
             /* 従来の単一画像表示 */
-            _jsx("img", { src: image.url, alt: "", style: {
+            _jsx("img", { src: image.url, alt: "", decoding: "sync", style: {
                     height: `${baseHeight}px`,
                     width: "auto",
                     objectFit: "contain",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luna-editor/engine",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Luna Editor scenario playback engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",