@vvfx/sdk 0.2.8 → 0.2.10

package/dist/config.js

@@ -0,0 +1,231 @@
+export const BaseConfig = {
+    mode: 'template',
+    pageConfig: {
+        asncMode: false,
+        minZoom: 0.01,
+        maxZoom: 20,
+        staticPreview: true,
+        staticPreviewName: '标准模板',
+        filterItemNames: ['ModelPluginItem', 'LoadingVFXItem'],
+        groupVisible: true,
+        autoLayoutDefaultGap: 20,
+        autoLayoutDefaultMode: 'ordered',
+    },
+    asyncLoadConfig: {
+        enabled: true,
+        loadingTextureUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*BzgbTb8dBhoAAAAARwAAAAgAev-aAQ/original',
+    },
+    screenShotConfig: {
+        enabled: true,
+        defaultBackgroundColor: [255, 255, 255, 0]
+    },
+    exportConfig: {
+        enabled: true,
+        mediaType: 'MP4',
+        loggerInTranscoding: false,
+    },
+    sizeAdaptConfig: {
+        enabled: true,
+    },
+    gestureHandlerConfig: {
+        enabled: true,
+        adsorptionGizmoEnabled: true,
+        adsorptionGizmoConfig: {
+            lineWidth: 0.8,
+            lineColor: 0x0BD6FF,
+            distance: 6,
+        },
+        controlGizmoEnabled: true,
+        controlGizmoConfig: {
+            zoomStep: 0.01,
+        },
+        preferenceGizmoEnabled: true,
+        preferenceGizmoConfig: {
+            boxColor: 0xFF0000,
+            boxWidth: 1,
+            markColor: 0x000000,
+            markAlpha: 0.17,
+            safeAreaEnabled: true,
+            safeAreaBoxColor: 0x00FF00,
+            safeAreaBoxAlpha: 0.3,
+        },
+        selectorGizmoEnabled: true,
+        selectorGizmoConfig: {
+            videoPreSelectedPlay: true,
+            preSelectedWidth: 3,
+            preSelectedColor: 0xEB5E00,
+            regionBoxColor: 0xFFFFFF,
+            regionBoxAlpha: 0.17,
+            regionWireframeColor: 0xFFFFFF,
+            regionWireframeAlpha: 0.78,
+            regionWireframeWidth: 1,
+        },
+        transformGizmoEnabled: true,
+        transformGizmoConfig: {
+            wireframeColor: 0xFF0000,
+            wireframeAlpha: 1,
+            wireframeWidth: 1.5,
+            cornerFillColor: 0xFFFFFF,
+            cornerLineColor: 0x000000,
+            cornerLineWidth: 1,
+            cornerLineAlpha: 0.3,
+            scaleCircleSize: 4,
+            rotationCircleSize: 8,
+            pictureLogoUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*F2wVS7x0MfIAAAAAQBAAAAgAev-aAQ/original',
+            groupLogoUrl: 'https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original',
+            textLogoUrl: 'https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Yo69Sr7boqYAAAAAH3AAAAgADjdkAQFr/original',
+            videoLogoUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*w1fnS4mq0VgAAAAAQCAAAAgAev-aAQ/original',
+            frameLogoUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*DRF_RpndkjUAAAAAQDAAAAgAev-aAQ/original',
+            effectsLogoUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*RMewR4ruUnYAAAAAQGAAAAgAev-aAQ/original',
+            sizeTextColor: 0x666666,
+            nameTextColor: 0x666666,
+            infoShowEnabled: true,
+        },
+        pictureCutGizmoEnabled: false,
+        pictureCutGizmoConfig: {
+            maskColor: 0xFFFFFF,
+            maskAlpha: 0.5,
+            cutBoxLineWidth: 2,
+            cutBoxLineColor: 0x6A34FF,
+            cutBoxLineAlpha: 1,
+            itemBoxLineWidth: 1,
+            itemBoxLineColor: 0x6A34FF,
+            itemBoxLineAlpha: 1,
+            cutBoxCornerRadius: 5,
+            cutBoxCornerLineWidth: 2,
+            cutBoxCornerLineColor: 0x6A34FF,
+            cutBoxCornerLineAlpha: 1,
+            cutBoxCornerFillColor: 0xFFFFFF,
+            scaleInteractionDistance: 8,
+            directionScaleInteractionDistance: 5,
+            gridLineWidth: 1,
+            gridLineColor: 0xFFFFFF,
+            gridLineAlpha: 1,
+            gridCount: 2,
+        },
+        pictureExpandGizmoEnabled: false,
+        pictureExpandGizmoConfig: {
+            maskColor: 0x6a34ff,
+            maskAlpha: 0.2,
+            expandBoxLineWidth: 2,
+            expandBoxLineColor: 0x6A34FF,
+            expandBoxLineAlpha: 1,
+            expandBoxCornerRadius: 5,
+            expandBoxCornerLineWidth: 2,
+            expandBoxCornerLineColor: 0x6A34FF,
+            expandBoxCornerLineAlpha: 1,
+            expandBoxCornerFillColor: 0xFFFFFF,
+            scaleInteractionDistance: 8,
+            directionScaleInteractionDistance: 5,
+            gridLineWidth: 1,
+            gridLineColor: 0xFFFFFF,
+            gridLineAlpha: 1,
+            gridCount: 2,
+        },
+        textGizmoEnbaled: true,
+        textGizmoConfig: {
+            rotateInteractMode: 'corner',
+            boxLineWidth: 2,
+            boxLineColor: 0x6B35FF,
+            rotationCornerWidth: 30,
+            rotationCornerTexture: 'https://mdn.alipayobjects.com/huamei_ppzin5/afts/img/Zc9ZSqNEjnQAAAAAQBAAAAgADjdkAQFr/original',
+            rotationTopCenterInteractionDistance: 14,
+            rotationCornerRadius: 5,
+            rotationCornerFillColor: 0xFFFFFF,
+            rotationCornerStrokeWidth: 2,
+            rotationCornerStrokeColor: 0x6B35FF,
+            rotationCornerInteractionDistance: 14,
+            scaleCornerRadius: 5,
+            scaleCornerFillColor: 0xFFFFFF,
+            scaleCornerStrokeWidth: 2,
+            scaleCornerStrokeColor: 0x6B35FF,
+            scaleInteractionDistance: 7,
+            widthScaleInteractionDistance: 4,
+            wireframeColor: 0xFF0000,
+            wireframeAlpha: 1,
+            wireframeWidth: 1.5,
+        },
+        maskGizmoEnabled: false,
+        maskGizmoConfig: {
+            brushSize: 20,
+            brushColor: 0x6a34ff,
+            brushAlpha: 0.5,
+            maskColor: 0x00ff00,
+            maskBackgroundColor: 0xffffff,
+            maskAlpha: 1,
+            boxLineWidth: 1,
+            boxLineColor: 0x6A34FF,
+            boxLineAlpha: 1,
+        },
+        spriteTextEditGizmoEnabled: false,
+        spriteTextEditGizmoConfig: {
+            textColor: 0xFFFFFF,
+            preSelectedTextColor: 0xFFFFFF,
+            boxLineWidth: 3,
+            dashLineDash: 8,
+            dashLineGap: 8,
+            editBoxAlpha: 0.15,
+            editBoxColor: 0x3B82F6,
+            editBoxLineAlpha: 1,
+            editBoxLineColor: 0x3B82F6,
+            editBoxPreSelectedAlpha: 0.25,
+            editBoxPreSelectedColor: 0x3B82F6,
+            editBoxLinePreSelectedAlpha: 1,
+            editBoxLinePreSelectedColor: 0x3B82F6,
+            hasChangedEditBoxAlpha: 0.2,
+            hasChangedEditBoxColor: 0x22C55E,
+            hasChangedEditBoxLineAlpha: 1,
+            hasChangedEditBoxLineColor: 0x22C55E,
+            hasChangedEditBoxPreSelectedAlpha: 0.3,
+            hasChangedEditBoxPreSelectedColor: 0x22C55E,
+            hasChangedEditBoxLinePreSelectedAlpha: 1,
+            hasChangedEditBoxLinePreSelectedColor: 0x22C55E,
+            editBoxSelectedAlpha: 0.6,
+            editBoxSelectedColor: 0xFFFF00,
+        },
+        iconGizmoEnabled: true,
+        iconGizmoConfig: {
+            autoShow: true,
+            videoPlayUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*ORMmSYYHIHUAAAAAJbAAAAgAev-aAQ/original',
+            videoPlayShift: [20, 20],
+            videoPlayWidth: 20,
+            videoPlayHeight: 20,
+            imageGeneratorUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*bYB-TIEWLBkAAAAAQGAAAAgAev-aAQ/original',
+            videoGeneratorUrl: 'https://mdn.alipayobjects.com/huamei_ixsp8m/afts/img/A*6cTFT44CuKEAAAAAQCAAAAgAev-aAQ/original',
+            generatorWidth: 200,
+            generatorHeight: 200,
+        },
+        itemCreateGizmoEnabled: false,
+        itemCreateGizmoConfig: {
+            frameBorderColor: 0x2178FF,
+            frameBorderWidth: 1,
+            frameBorderAlpha: 0.8,
+            frameFillColor: 0x2178FF,
+            frameFillAlpha: 0.15,
+            frameChildBoxAlpha: 0.35,
+            frameChildBoxColor: 0x2178FF,
+        },
+        autoLayoutIndicatorConfig: {
+            lineWidth: 2,
+            lineColor: 0x3b82f6,
+        },
+        loadingGizmoConfig: {}
+    },
+    itemConfig: {
+        frameConfig: {
+            layoutGap: 20,
+            layoutPadding: 100,
+            defaultWidth: 1024,
+            defaultHeight: 1024,
+            autoLayoutBackgroundColor: [0.7, 0.7, 0.7, 1],
+            freeLayoutBackgroundColor: [1, 1, 1, 1],
+        },
+        generatorConfig: {
+            backgroundColor: [0.41568, 0.2039, 1, 0.08],
+        },
+        cardConfig: {
+            backgroundColor: [1, 1, 1, 0],
+            cardTypes: [],
+        },
+    }
+};

package/dist/exporter/config.js

@@ -0,0 +1,18 @@
+export const HELPER_CONFIG = {
+    WEBP: {
+        SCRIPT: 'https://gw.alipayobjects.com/os/gltf-asset/99531561844014/img2webp.js',
+        WASM: 'https://mdn.alipayobjects.com/mars/uri/file/as/0.0.4/wasm/img2webp/img2webp.wasm',
+    },
+    FFMPEG: {
+        CLASSWORKER: 'https://mdn.alipayobjects.com/rms/uri/file/as/ffmpeg/core/0.12.10/dist/worker.js',
+        DEFAULT: {
+            CORE: 'https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.js',
+            WASM: 'https://gw.alipayobjects.com/os/lib/ffmpeg/core/0.12.10/dist/esm/ffmpeg-core.wasm'
+        },
+        MT: {
+            CORE: 'https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.js',
+            WASM: 'https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.wasm',
+            WORKER: 'https://gw.alipayobjects.com/os/lib/ffmpeg/core-mt/0.12.10/dist/esm/ffmpeg-core.worker.js',
+        }
+    }
+};

package/dist/exporter/const.js

@@ -0,0 +1,71 @@
+export const STATUS_MAP = {
+    READY: 'ready',
+    EXECUTABLE: 'executable',
+    DISPOSE: 'dispose'
+};
+export const MEDIA_TYPE = {
+    APNG: 'APNG',
+    MP4: 'MP4',
+    WebM: 'WebM',
+    Images: 'Images',
+    WebP: 'WebP',
+    GIF: 'GIF',
+    AlphaMaskVideo: 'AlphaMaskVideo',
+};
+export const STAGE_MAP = {
+    IDLE: 'idle',
+    CONVERT_IMAGE: 'convertImage',
+    TRANSCODING: 'transcoding',
+    AUDIO: 'audio'
+};
+export const EXPORT_NEED_TRANS_IMAGES_MAP = {
+    JPEG: 'jpeg',
+    WEBP: 'webp',
+    PNG: 'png'
+};
+export const FORMAT_BUFFER_DOWNLOAD_SUFFIX = {
+    [MEDIA_TYPE.MP4]: 'mp4',
+    [MEDIA_TYPE.WebP]: 'webp',
+    [MEDIA_TYPE.APNG]: 'apng',
+    [MEDIA_TYPE.GIF]: 'gif',
+    [MEDIA_TYPE.AlphaMaskVideo]: 'mp4',
+    [MEDIA_TYPE.Images]: 'zip'
+};
+export const FORMAT_BUFFER_DOWNLOAD_MIMETYPE = {
+    [MEDIA_TYPE.MP4]: 'video/mp4',
+    [MEDIA_TYPE.WebP]: 'video/webp',
+    [MEDIA_TYPE.APNG]: 'image/png',
+    [MEDIA_TYPE.GIF]: 'video/gif',
+    [MEDIA_TYPE.AlphaMaskVideo]: 'video/mp4',
+    [MEDIA_TYPE.Images]: 'application/zip'
+};
+export const EXPORT_STATUS_MAP = {
+    DEFAULT: 'default',
+    EXPORTING: 'exporting',
+    SUCCESS: 'success',
+    ERROR: 'error',
+};
+/**
+ * GIF 压缩参数
+ * 核心通过参数 flags + palettegen + paletteuse 实现
+ * highest: lanczos + max_colors=256 + dither=bayer
+ * high: bicubic + max_colors=200 + dither=bayer
+ * medium: bilinear + max_colors=64 + dither=bayer
+ * low: neighbor + max_colors=32 + dither=none
+ */
+export const GIF_QUALITY_TO_FFMPEG_ARGS = {
+    highest: 'flags=lanczos,split[s0][s1];[s0]palettegen=max_colors=256[p];[s1][p]paletteuse',
+    high: 'flags=bicubic,split[s0][s1];[s0]palettegen=max_colors=200[p];[s1][p]paletteuse',
+    medium: 'flags=bilinear,split[s0][s1];[s0]palettegen=max_colors=64[p];[s1][p]paletteuse=dither=bayer',
+    low: 'flags=neighbor,split[s0][s1];[s0]palettegen=max_colors=32[p];[s1][p]paletteuse=dither=none'
+};
+/**
+ * APNG 压缩参数
+ * 核心通过参数 compression_level 实现，压缩等级分为 1/3/6/9
+ */
+export const APNG_QUALITY_TO_FFMPEG_ARGS = {
+    highest: '1',
+    high: '3',
+    medium: '6',
+    low: '9'
+};