visual-song 1.1.2 → 1.1.3

package/dist/index.js

@@ -195,12 +195,14 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
                     ]);
                 }
                 const glm_color = playerRef.current.getBackgroundColor();
-                return new Float32Array([
+                const result = new Float32Array([
                     glm_color.x,
                     glm_color.y,
                     glm_color.z,
                     glm_color.w
                 ]);
+                glm_color.delete();
+                return result;
             },
             setBackgroundColor (color) {
                 if (!playerRef.current || !isInitialized.current) return;
@@ -210,6 +212,7 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
                 glm_color.z = color[2];
                 glm_color.w = color[3];
                 playerRef.current.setBackgroundColor(glm_color);
+                glm_color.delete();
             },
             setVertexShader (shader) {
                 if (!playerRef.current || !isInitialized.current) return false;
@@ -241,7 +244,12 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
             setVertexShaderTransition (shader, mode, time, vertexCount, backgroundColor, easingType) {
                 if (!playerRef.current || !isInitialized.current || !module.current) return false;
                 const easing = module.current.EasingType[EasingType[easingType]];
-                return playerRef.current.setVertexShaderTransition(shader, mode, time, vertexCount, new module.current.vec4(backgroundColor[0], backgroundColor[1], backgroundColor[2], backgroundColor[3]), easing);
+                const bgColor = new module.current.vec4(backgroundColor[0], backgroundColor[1], backgroundColor[2], backgroundColor[3]);
+                try {
+                    return playerRef.current.setVertexShaderTransition(shader, mode, time, vertexCount, bgColor, easing);
+                } finally{
+                    bgColor.delete();
+                }
             },
             exportRender (currentTime) {
                 if (!playerRef.current || !isInitialized.current) return;
@@ -348,6 +356,7 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
             glm_color.z = color[2];
             glm_color.w = color[3];
             playerRef.current.setBackgroundColor(glm_color);
+            glm_color.delete();
         }
     }
     async function _init() {
@@ -386,12 +395,13 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
             initializedCallback();
         }
     }
-    function _resizeRenderer(width, height) {
+    function _resizeRenderer(width, height, pointSizeScale) {
         if (!module.current) {
             return;
         }
         if (playerRef.current) {
             playerRef.current.resize(width, height);
+            playerRef.current.setPointSizeScale(pointSizeScale);
         }
         canvasRef.current.width = width;
         canvasRef.current.height = height;
@@ -417,11 +427,13 @@ const VisualSong = /*#__PURE__*/ forwardRef(function VisualSong({ style, backgro
                 canvas.style.setProperty("height", "100%");
                 canvas.style.setProperty("width", `${Math.floor(canvas.offsetHeight * engineAspectRatio)}px`);
             }
-            _resizeRenderer(resolutionRef.current.width, resolutionRef.current.height);
+            // 내보내기 결과가 기기마다 달라지지 않도록 gl_PointSize는 렌더 타깃 픽셀 그대로 쓴다.
+            _resizeRenderer(resolutionRef.current.width, resolutionRef.current.height, 1);
         } else {
             canvas.style.setProperty("width", "100%");
             canvas.style.setProperty("height", "100%");
-            _resizeRenderer(window.devicePixelRatio * wrapperWidth, window.devicePixelRatio * wrapperHeight);
+            // 캔버스가 DPR배 해상도이므로 gl_PointSize도 DPR을 곱해 CSS px 기준으로 맞춘다.
+            _resizeRenderer(window.devicePixelRatio * wrapperWidth, window.devicePixelRatio * wrapperHeight, window.devicePixelRatio);
         }
     }
     function destroy() {

package/dist/wasm_src/visualsong-core.d.ts

@@ -64,6 +64,7 @@ export interface VSPlayer extends ClassHandle {
   getPrimitiveMode(): number;
   setPrimitiveMode(_0: number): void;
   exportRender(_0: number): void;
+  setPointSizeScale(_0: number): void;
   setVertexShader(_0: EmbindString): boolean;
   setVertexShaderTransition(_0: EmbindString, _1: number, _2: number, _3: number, _4: vec4, _5: EasingType): boolean;
   getLastCompileError(): string;

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "visual-song",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "visual-song core library",
   "author": "kunyoungparkk (rjsdud3263@gmail.com)",
   "license": "MIT",
-
   "type": "module",
   "files": [
     "dist/index.js",
@@ -33,7 +32,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "scripts":{
+  "scripts": {
     "build": "rollup -c",
     "pack": "npm pack"
   }