masoneffect 0.1.8 → 0.1.10

package/README.md

@@ -32,7 +32,7 @@ effect.morph({
   maxParticles: 3000,
 });
 
-// 파티클을 중앙에서 방사형으로 흩어지기
+// 파티클을 초기 위치로 돌아가기
 effect.scatter();
 ```
 
@@ -93,6 +93,7 @@ function App() {
       @ready="onReady"
     />
     <button @click="handleMorph">Morph</button>
+    <button @click="handleMorphWithOptions">Morph with Options</button>
     <button @click="handleScatter">Scatter</button>
   </div>
 </template>
@@ -107,6 +108,14 @@ const handleMorph = () => {
   effectRef.value?.morph('New Text');
 };
 
+const handleMorphWithOptions = () => {
+  effectRef.value?.morph({
+    text: 'Hello',
+    particleColor: '#ff00ff',
+    maxParticles: 3000,
+  });
+};
+
 const handleScatter = () => {
   effectRef.value?.scatter();
 };
@@ -123,7 +132,7 @@ const onReady = (instance) => {
 
 | 옵션 | 타입 | 기본값 | 설명 |
 |------|------|--------|------|
-| `text` | `string` | `'mason crawler'` | 표시할 텍스트 |
+| `text` | `string` | `'mason effect'` | 표시할 텍스트 |
 | `densityStep` | `number` | `2` | 파티클 샘플링 밀도 (작을수록 촘촘함) |
 | `maxParticles` | `number` | `3200` | 최대 파티클 수 |
 | `pointSize` | `number` | `0.5` | 파티클 점 크기 |
@@ -161,7 +170,7 @@ effect.morph({
 ```
 
 #### `scatter()`
-파티클을 중앙에서 방사형으로 흩어지게 합니다. 캔버스 중앙을 기준으로 원형으로 퍼집니다.
+파티클을 초기 위치로 돌아가게 합니다. 각 파티클이 처음 생성되었을 때의 위치로 복귀합니다.
 
 #### `updateConfig(config: Partial<MasonEffectOptions>)`
 설정을 업데이트합니다.
@@ -178,7 +187,7 @@ effect.morph({
 - 🔧 React, Vue, 바닐라 JS 모두 지원
 - 🎯 TypeScript 타입 정의 포함
 - 💾 프로덕션 빌드 시 자동 난독화 및 최적화
-- 🎯 중앙에서 방사형으로 퍼지는 scatter 효과
+- 🔄 초기 위치로 복귀하는 scatter 효과
 
 ## 개발
 

package/dist/index.esm.js

@@ -16,7 +16,7 @@ class MasonEffect {
 
     // 설정값들
     this.config = {
-      text: options.text || 'mason crawler',
+      text: options.text || 'mason effect',
       densityStep: options.densityStep ?? 2,
       maxParticles: options.maxParticles ?? 3200,
       pointSize: options.pointSize ?? 0.5,
@@ -202,6 +202,11 @@ class MasonEffect {
   }
 
   morph(textOrOptions = null) {
+    // W와 H가 0이면 resize 먼저 실행
+    if (this.W === 0 || this.H === 0) {
+      this.resize();
+    }
+    
     if (typeof textOrOptions === 'string') {
       // 문자열인 경우: 기존 동작 유지
       this.config.text = textOrOptions;

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason crawler',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason effect',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    // W와 H가 0이면 resize 먼저 실행\n    if (this.W === 0 || this.H === 0) {\n      this.resize();\n    }\n    \n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}

package/dist/index.esm.min.js

@@ -1 +1 @@
-class t{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason crawler",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&r.push({x:s,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=r[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if("string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}export{t as MasonEffect,t as default};
+class t{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason effect",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&r.push({x:s,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=r[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}export{t as MasonEffect,t as default};

package/dist/index.js

@@ -20,7 +20,7 @@ class MasonEffect {
 
     // 설정값들
     this.config = {
-      text: options.text || 'mason crawler',
+      text: options.text || 'mason effect',
       densityStep: options.densityStep ?? 2,
       maxParticles: options.maxParticles ?? 3200,
       pointSize: options.pointSize ?? 0.5,
@@ -206,6 +206,11 @@ class MasonEffect {
   }
 
   morph(textOrOptions = null) {
+    // W와 H가 0이면 resize 먼저 실행
+    if (this.W === 0 || this.H === 0) {
+      this.resize();
+    }
+    
     if (typeof textOrOptions === 'string') {
       // 문자열인 경우: 기존 동작 유지
       this.config.text = textOrOptions;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason crawler',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason effect',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    // W와 H가 0이면 resize 먼저 실행\n    if (this.W === 0 || this.H === 0) {\n      this.resize();\n    }\n    \n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}

package/dist/index.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"t",{value:!0});class t{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason crawler",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&r.push({x:s,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=r[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if("string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}exports.MasonEffect=t,exports.default=t;
+Object.defineProperty(exports,"t",{value:!0});class t{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason effect",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&r.push({x:s,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=r[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}exports.MasonEffect=t,exports.default=t;

package/dist/index.umd.js

@@ -22,7 +22,7 @@
 
       // 설정값들
       this.config = {
-        text: options.text || 'mason crawler',
+        text: options.text || 'mason effect',
         densityStep: options.densityStep ?? 2,
         maxParticles: options.maxParticles ?? 3200,
         pointSize: options.pointSize ?? 0.5,
@@ -208,6 +208,11 @@
     }
 
     morph(textOrOptions = null) {
+      // W와 H가 0이면 resize 먼저 실행
+      if (this.W === 0 || this.H === 0) {
+        this.resize();
+      }
+      
       if (typeof textOrOptions === 'string') {
         // 문자열인 경우: 기존 동작 유지
         this.config.text = textOrOptions;

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason crawler',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.umd.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason effect',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    // W와 H가 0이면 resize 먼저 실행\n    if (this.W === 0 || this.H === 0) {\n      this.resize();\n    }\n    \n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n"],"names":[],"mappings":"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"}

package/dist/index.umd.min.js

@@ -1 +1 @@
-var t,s;t=this,s=function(t){class s{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason crawler",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&r.push({x:s,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=r[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if("string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}t.MasonEffect=s,t.default=s,Object.defineProperty(t,"t",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?s(exports):"function"==typeof define&&define.amd?define(["exports"],s):s((t="undefined"!=typeof globalThis?globalThis:t||self).MasonEffect={});
+var t,s;t=this,s=function(t){class s{constructor(t,s={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:s.text||"mason effect",densityStep:s.densityStep??2,maxParticles:s.maxParticles??3200,pointSize:s.pointSize??.5,ease:s.ease??.05,repelRadius:s.repelRadius??150,repelStrength:s.repelStrength??1,particleColor:s.particleColor||"#fff",fontFamily:s.fontFamily||"Inter, system-ui, Arial",fontSize:s.fontSize||null,width:s.width||null,height:s.height||null,devicePixelRatio:s.devicePixelRatio??null,onReady:s.onReady||null,onUpdate:s.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,s=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(s*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=s+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const s=Math.min(this.W,this.H),i=this.config.fontSize||Math.max(80,Math.floor(.18*s));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${i}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*i,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,f=[];for(let t=0;t<this.H;t+=a)for(let s=0;s<this.W;s+=a){const i=4*(t*this.W+s);l[i]+l[i+1]+l[i+2]>600&&f.push({x:s,y:t})}for(;f.length>this.config.maxParticles;)f.splice(Math.floor(Math.random()*f.length),1);if(this.particles.length<f.length){const t=f.length-this.particles.length;for(let s=0;t>s;s++)this.particles.push(this.makeParticle())}else this.particles.length>f.length&&(this.particles.length=f.length);for(let t=0;t<this.particles.length;t++){const s=this.particles[t],i=f[t];s.tx=i.x,s.ty=i.y}}makeParticle(){const t=Math.random()*this.W,s=Math.random()*this.H;return{x:t,y:s,vx:0,vy:0,tx:t,ty:s,initialX:t,initialY:s,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const s=Math.random()*this.W,i=Math.random()*this.H;t.x=s,t.y=i,t.vx=t.vy=0,t.initialX=s,t.initialY=i}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const s=void 0!==t.text;this.config={...this.config,...t},s&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let s=(t.tx-t.x)*this.config.ease,i=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);s+=h/t*a*6,i+=e/t*a*6}}t.j+=2,s+=.05*Math.cos(t.j),i+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+s)*Math.random(),t.vy=(t.vy+i)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const s of this.particles)this.ctx.beginPath(),this.ctx.arc(s.x,s.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const s=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-s.left)*this.DPR,this.mouse.y=(t.clientY-s.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}t.MasonEffect=s,t.default=s,Object.defineProperty(t,"t",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?s(exports):"function"==typeof define&&define.amd?define(["exports"],s):s((t="undefined"!=typeof globalThis?globalThis:t||self).MasonEffect={});

package/dist/react/MasonEffect.cjs

@@ -20,7 +20,7 @@ class MasonEffect {
 
     // 설정값들
     this.config = {
-      text: options.text || 'mason crawler',
+      text: options.text || 'mason effect',
       densityStep: options.densityStep ?? 2,
       maxParticles: options.maxParticles ?? 3200,
       pointSize: options.pointSize ?? 0.5,
@@ -206,6 +206,11 @@ class MasonEffect {
   }
 
   morph(textOrOptions = null) {
+    // W와 H가 0이면 resize 먼저 실행
+    if (this.W === 0 || this.H === 0) {
+      this.resize();
+    }
+    
     if (typeof textOrOptions === 'string') {
       // 문자열인 경우: 기존 동작 유지
       this.config.text = textOrOptions;
@@ -447,17 +452,31 @@ const MasonEffectComponent = React.forwardRef((props, ref) => {
     ]);
     React.useImperativeHandle(ref, () => ({
         morph: (textOrOptions) => {
-            instanceRef.current?.morph(textOrOptions);
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.morph(textOrOptions);
         },
         scatter: () => {
-            instanceRef.current?.scatter();
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.scatter();
         },
         updateConfig: (config) => {
-            instanceRef.current?.updateConfig(config);
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.updateConfig(config);
         },
         destroy: () => {
-            instanceRef.current?.destroy();
-            instanceRef.current = null;
+            if (instanceRef.current) {
+                instanceRef.current.destroy();
+                instanceRef.current = null;
+            }
         },
     }));
     // 기본 스타일: 컨테이너가 크기를 가지도록 함

package/dist/react/MasonEffect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MasonEffect.cjs","sources":["../../src/core/index.js","../../src/react/MasonEffect.tsx"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason crawler',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n",null],"names":["forwardRef","useRef","useEffect","useImperativeHandle"],"mappings":";;;;AAAA;AACA;AACA;AACA;;AAEO,MAAM,WAAW,CAAC;AACzB,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE;AACvC;AACA,IAAI,IAAI,CAAC,SAAS,GAAG,OAAO,SAAS,KAAK,QAAQ;AAClD,QAAQ,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;AACzC,QAAQ,SAAS;AACjB;AACA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACzB,MAAM,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;AACpD,IAAI;;AAEJ;AACA,IAAI,IAAI,CAAC,MAAM,GAAG;AAClB,MAAM,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,eAAe;AAC3C,MAAM,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,CAAC;AAC3C,MAAM,YAAY,EAAE,OAAO,CAAC,YAAY,IAAI,IAAI;AAChD,MAAM,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,GAAG;AACzC,MAAM,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI;AAChC,MAAM,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,GAAG;AAC7C,MAAM,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,CAAC;AAC/C,MAAM,aAAa,EAAE,OAAO,CAAC,aAAa,IAAI,MAAM;AACpD,MAAM,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,yBAAyB;AACjE,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI;AACxC,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;AAClC,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI;AACpC,MAAM,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,IAAI,IAAI;AACxD,MAAM,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI;AACtC,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAI;AACxC,KAAK;;AAEL;AACA,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAClD,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AAC3C,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;;AAEvC;AACA,IAAI,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACrD,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC;;AAEjD;AACA,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC;AACd,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC;AACd,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,EAAE,GAAG,CAAC;AAC1F,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE;AACvB,IAAI,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AAC5C,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI;AAC3B,IAAI,IAAI,CAAC,SAAS,GAAG,KAAK;;AAE1B;AACA,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AACpD,IAAI,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1D,IAAI,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5D,IAAI,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1D,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEtD;AACA,IAAI,IAAI,CAAC,IAAI,EAAE;AACf,EAAE;;AAEF,EAAE,IAAI,GAAG;AACT,IAAI,IAAI,CAAC,MAAM,EAAE;AACjB,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC9B,IAAI,IAAI,CAAC,KAAK,EAAE;AAChB;AACA,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AAC7B,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AAC/B,IAAI;AACJ,EAAE;;AAEF,EAAE,MAAM,GAAG;AACX,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,UAAU;AACtF,IAAI,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,MAAM,CAAC,WAAW,GAAG,GAAG;AAChG;AACA,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;AACzC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;AAC1C;AACA,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;AAC9B,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI;AAC1C,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI;;AAE5C,IAAI,IAAI,CAAC,YAAY,EAAE;AACvB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;AAChC,MAAM,IAAI,CAAC,aAAa,EAAE;AAC1B,IAAI;AACJ,EAAE;;AAEF,EAAE,YAAY,GAAG;AACjB,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;AACjC,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;AACjC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAClC,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;AAE5E,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AACzC,IAAI,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAClF,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AACrC,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ;AACpC,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,QAAQ;AACvC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;AAEpE;AACA,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;AAChC,IAAI,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI;AACnC,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACzF,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC;AACvC;AACA,IAAI,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE;AAC5B,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AACrF,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,OAAO;AACtD,IAAI;;AAEJ;AACA,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;AACrD,IAAI,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;AACnE,IAAI,MAAM,OAAO,GAAG,EAAE;AACtB;AACA,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE;AAC3C,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE;AAC7C,QAAQ,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACtC,QAAQ,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;AACpD,UAAU,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChC,QAAQ;AACR,MAAM;AACN,IAAI;;AAEJ;AACA,IAAI,OAAO,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACtD,MAAM,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AACnE,IAAI;;AAEJ;AACA,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE;AAChD,MAAM,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;AACzD,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE;AACrC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AAChD,MAAM;AACN,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE;AACvD,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM;AAC5C,IAAI;;AAEJ;AACA,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACpD,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACjC,MAAM,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;AAC1B,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAChB,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AAChB,IAAI;AACJ,EAAE;;AAEF,EAAE,YAAY,GAAG;AACjB;AACA,IAAI,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AACrC,IAAI,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AACrC,IAAI,OAAO;AACX,MAAM,CAAC,EAAE,EAAE;AACX,MAAM,CAAC,EAAE,EAAE;AACX,MAAM,EAAE,EAAE,CAAC;AACX,MAAM,EAAE,EAAE,CAAC;AACX,MAAM,EAAE,EAAE,EAAE;AACZ,MAAM,EAAE,EAAE,EAAE;AACZ,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;AACpC,KAAK;AACL,EAAE;;AAEF,EAAE,aAAa,GAAG;AAClB;AACA,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpC,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AACvC,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AACvC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;AACd,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;AACd,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC;AACrB;AACA,MAAM,CAAC,CAAC,QAAQ,GAAG,EAAE;AACrB,MAAM,CAAC,CAAC,QAAQ,GAAG,EAAE;AACrB,IAAI;AACJ,EAAE;;AAEF,EAAE,OAAO,GAAG;AACZ;AACA,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpC;AACA,MAAM,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,EAAE;AAChE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ;AACzB,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ;AACzB,MAAM,CAAC,MAAM;AACb;AACA,QAAQ,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AACxB,QAAQ,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AACxB,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ;AACzB,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,QAAQ;AACzB,MAAM;AACN,IAAI;AACJ,EAAE;;AAEF,EAAE,KAAK,CAAC,aAAa,GAAG,IAAI,EAAE;AAC9B,IAAI,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;AAC3C;AACA,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,aAAa;AACtC,MAAM,IAAI,CAAC,YAAY,EAAE;AACzB,IAAI,CAAC,MAAM,IAAI,aAAa,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE;AACnE;AACA,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,KAAK,SAAS;AAC3D,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,aAAa,EAAE;AACxD,MAAM,IAAI,YAAY,EAAE;AACxB,QAAQ,IAAI,CAAC,YAAY,EAAE;AAC3B,MAAM;AACN,IAAI,CAAC,MAAM;AACX;AACA,MAAM,IAAI,CAAC,YAAY,EAAE;AACzB,IAAI;AACJ,EAAE;;AAEF,EAAE,MAAM,GAAG;AACX,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;;AAE5C,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpC;AACA,MAAM,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI;AAC9C,MAAM,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI;;AAE9C;AACA,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;AACxC,QAAQ,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACrC,QAAQ,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACrC,QAAQ,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACpC,QAAQ,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG;AACpD,QAAQ,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE;AACxB,UAAU,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM;AAC1C,UAAU,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxF,UAAU,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG;AAClC,UAAU,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG;AAClC,QAAQ;AACR,MAAM;;AAEN;AACA,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACd,MAAM,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;AAChC,MAAM,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI;;AAEtC;AACA,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;AACxC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;AACxC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;AACjB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;AACjB,IAAI;;AAEJ;AACA,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa;AAClD,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG;AAC9C,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;AACpC,MAAM,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE;AAC1B,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAC/C,MAAM,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AACrB,IAAI;;AAEJ,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC9B,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AAChC,IAAI;AACJ,EAAE;;AAEF,EAAE,OAAO,GAAG;AACZ,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACzB,IAAI,IAAI,CAAC,MAAM,EAAE;AACjB,IAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;AAClE,EAAE;;AAEF,EAAE,KAAK,GAAG;AACV,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;AACxB,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI;AACzB,IAAI,IAAI,CAAC,OAAO,EAAE;AAClB,EAAE;;AAEF,EAAE,IAAI,GAAG;AACT,IAAI,IAAI,CAAC,SAAS,GAAG,KAAK;AAC1B,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;AAC1B,MAAM,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC;AAC5C,MAAM,IAAI,CAAC,WAAW,GAAG,IAAI;AAC7B,IAAI;AACJ,EAAE;;AAEF,EAAE,mBAAmB,GAAG;AACxB,IAAI,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;AACxD,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;AACnE,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;AACrE,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;AACnE,IAAI,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;AAC1D,EAAE;;AAEF,EAAE,oBAAoB,GAAG;AACzB,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC;AAC3D,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;AACtE,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;AACxE,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;AACtE,IAAI,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;AAC7D,EAAE;;AAEF,EAAE,YAAY,GAAG;AACjB,IAAI,IAAI,CAAC,MAAM,EAAE;AACjB,EAAE;;AAEF,EAAE,eAAe,CAAC,CAAC,EAAE;AACrB,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,qBAAqB,EAAE;AACpD,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG;AACrD,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG;AACpD,EAAE;;AAEF,EAAE,gBAAgB,GAAG;AACrB,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACnC,EAAE;;AAEF,EAAE,eAAe,GAAG;AACpB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI;AAC1B,EAAE;;AAEF,EAAE,aAAa,GAAG;AAClB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK;AAC3B,EAAE;;AAEF;AACA,EAAE,YAAY,CAAC,SAAS,EAAE;AAC1B,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE;AAClD,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE;AACxB,MAAM,IAAI,CAAC,YAAY,EAAE;AACzB,IAAI;AACJ,EAAE;;AAEF;AACA,EAAE,OAAO,GAAG;AACZ,IAAI,IAAI,CAAC,IAAI,EAAE;AACf,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC/B,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AACrD,IAAI;AACJ,EAAE;AACF;;ACtTA,MAAM,oBAAoB,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAqB,IAAI,CAAC;IAEpDC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAE3B,IAAI,cAAc,GAA0B,IAAI;QAChD,IAAI,WAAW,GAAkB,IAAI;;QAGrC,MAAM,UAAU,GAAG,MAAK;AACtB,YAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,YAAA,IAAI,CAAC,SAAS;gBAAE;;AAGhB,YAAA,MAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE;AAC9C,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACzC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,EAAE,CAAC;gBAC/C;YACF;AAEA,YAAA,MAAM,EACJ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,QAAQ,GACT,GAAG,KAAK;AAET,YAAA,MAAM,OAAO,GAAuB;gBAClC,IAAI;gBACJ,WAAW;gBACX,YAAY;gBACZ,SAAS;gBACT,IAAI;gBACJ,WAAW;gBACX,aAAa;gBACb,aAAa;gBACb,UAAU;gBACV,QAAQ;gBACR,KAAK;gBACL,MAAM;gBACN,gBAAgB;gBAChB,OAAO;gBACP,QAAQ;aACT;YAED,WAAW,CAAC,OAAO,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC;;AAGzD,YAAA,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AACzC,gBAAA,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;AACvC,oBAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,wBAAA,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE;oBAC9B;AACF,gBAAA,CAAC,CAAC;AACF,gBAAA,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC;YACnC;AACF,QAAA,CAAC;;QAGD,qBAAqB,CAAC,UAAU,CAAC;AAEjC,QAAA,OAAO,MAAK;YACV,IAAI,WAAW,EAAE;gBACf,YAAY,CAAC,WAAW,CAAC;YAC3B;YACA,IAAI,cAAc,EAAE;gBAClB,cAAc,CAAC,UAAU,EAAE;YAC7B;AACA,YAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,gBAAA,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE;AAC7B,gBAAA,WAAW,CAAC,OAAO,GAAG,IAAI;YAC5B;AACF,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;;IAGNA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;AAE1B,QAAA,MAAM,EACJ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,GACjB,GAAG,KAAK;AAET,QAAA,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;YAC/B,IAAI;YACJ,WAAW;YACX,YAAY;YACZ,SAAS;YACT,IAAI;YACJ,WAAW;YACX,aAAa;YACb,aAAa;YACb,UAAU;YACV,QAAQ;YACR,KAAK;YACL,MAAM;YACN,gBAAgB;AACjB,SAAA,CAAC;AACJ,IAAA,CAAC,EAAE;AACD,QAAA,KAAK,CAAC,IAAI;AACV,QAAA,KAAK,CAAC,WAAW;AACjB,QAAA,KAAK,CAAC,YAAY;AAClB,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,KAAK,CAAC,IAAI;AACV,QAAA,KAAK,CAAC,WAAW;AACjB,QAAA,KAAK,CAAC,aAAa;AACnB,QAAA,KAAK,CAAC,aAAa;AACnB,QAAA,KAAK,CAAC,UAAU;AAChB,QAAA,KAAK,CAAC,QAAQ;AACd,QAAA,KAAK,CAAC,KAAK;AACX,QAAA,KAAK,CAAC,MAAM;AACZ,QAAA,KAAK,CAAC,gBAAgB;AACvB,KAAA,CAAC;AAEF,IAAAC,yBAAmB,CAAC,GAAG,EAAE,OAAO;AAC9B,QAAA,KAAK,EAAE,CAAC,aAAoD,KAAI;AAC9D,YAAA,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3C,CAAC;QACD,OAAO,EAAE,MAAK;AACZ,YAAA,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE;QAChC,CAAC;AACD,QAAA,YAAY,EAAE,CAAC,MAAmC,KAAI;AACpD,YAAA,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC;QAC3C,CAAC;QACD,OAAO,EAAE,MAAK;AACZ,YAAA,WAAW,CAAC,OAAO,EAAE,OAAO,EAAE;AAC9B,YAAA,WAAW,CAAC,OAAO,GAAG,IAAI;QAC5B,CAAC;AACF,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,YAAY,GAAwB;AACxC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,SAAS,EAAE,KAAK,CAAC,MAAM,IAAI,GAAG;AAC9B,QAAA,QAAQ,EAAE,UAAU;QACpB,GAAG,KAAK,CAAC,KAAK;KACf;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,YAAY,EAAA,CACnB;AAEN,CAAC;AAGH,oBAAoB,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"MasonEffect.cjs","sources":["../../src/core/index.js","../../src/react/MasonEffect.tsx"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason effect',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    // W와 H가 0이면 resize 먼저 실행\n    if (this.W === 0 || this.H === 0) {\n      this.resize();\n    }\n    \n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n",null],"names":["forwardRef","useRef","useEffect","useImperativeHandle"],"mappings":"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"}

package/dist/react/MasonEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,yFA+KzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,yFA6LzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/dist/react/MasonEffect.js

@@ -18,7 +18,7 @@ class MasonEffect {
 
     // 설정값들
     this.config = {
-      text: options.text || 'mason crawler',
+      text: options.text || 'mason effect',
       densityStep: options.densityStep ?? 2,
       maxParticles: options.maxParticles ?? 3200,
       pointSize: options.pointSize ?? 0.5,
@@ -204,6 +204,11 @@ class MasonEffect {
   }
 
   morph(textOrOptions = null) {
+    // W와 H가 0이면 resize 먼저 실행
+    if (this.W === 0 || this.H === 0) {
+      this.resize();
+    }
+    
     if (typeof textOrOptions === 'string') {
       // 문자열인 경우: 기존 동작 유지
       this.config.text = textOrOptions;
@@ -445,17 +450,31 @@ const MasonEffectComponent = forwardRef((props, ref) => {
     ]);
     useImperativeHandle(ref, () => ({
         morph: (textOrOptions) => {
-            instanceRef.current?.morph(textOrOptions);
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.morph(textOrOptions);
         },
         scatter: () => {
-            instanceRef.current?.scatter();
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.scatter();
         },
         updateConfig: (config) => {
-            instanceRef.current?.updateConfig(config);
+            if (!instanceRef.current) {
+                console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+                return;
+            }
+            instanceRef.current.updateConfig(config);
         },
         destroy: () => {
-            instanceRef.current?.destroy();
-            instanceRef.current = null;
+            if (instanceRef.current) {
+                instanceRef.current.destroy();
+                instanceRef.current = null;
+            }
         },
     }));
     // 기본 스타일: 컨테이너가 크기를 가지도록 함

package/dist/react/MasonEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasonEffect.js","sources":["../../src/core/index.js","../../src/react/MasonEffect.tsx"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason crawler',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n",null],"names":[],"mappings":"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"}
+{"version":3,"file":"MasonEffect.js","sources":["../../src/core/index.js","../../src/react/MasonEffect.tsx"],"sourcesContent":["/**\n * MasonEffect - 파티클 모핑 효과 라이브러리\n * 바닐라 JS 코어 클래스\n */\n\nexport class MasonEffect {\n  constructor(container, options = {}) {\n    // 컨테이너 요소\n    this.container = typeof container === 'string' \n      ? document.querySelector(container) \n      : container;\n    \n    if (!this.container) {\n      throw new Error('Container element not found');\n    }\n\n    // 설정값들\n    this.config = {\n      text: options.text || 'mason effect',\n      densityStep: options.densityStep ?? 2,\n      maxParticles: options.maxParticles ?? 3200,\n      pointSize: options.pointSize ?? 0.5,\n      ease: options.ease ?? 0.05,\n      repelRadius: options.repelRadius ?? 150,\n      repelStrength: options.repelStrength ?? 1,\n      particleColor: options.particleColor || '#fff',\n      fontFamily: options.fontFamily || 'Inter, system-ui, Arial',\n      fontSize: options.fontSize || null, // null이면 자동 계산\n      width: options.width || null, // null이면 컨테이너 크기\n      height: options.height || null, // null이면 컨테이너 크기\n      devicePixelRatio: options.devicePixelRatio ?? null, // null이면 자동\n      onReady: options.onReady || null,\n      onUpdate: options.onUpdate || null,\n    };\n\n    // 캔버스 생성\n    this.canvas = document.createElement('canvas');\n    this.ctx = this.canvas.getContext('2d');\n    this.container.appendChild(this.canvas);\n    this.canvas.style.display = 'block';\n\n    // 오프스크린 캔버스 (텍스트 렌더링용)\n    this.offCanvas = document.createElement('canvas');\n    this.offCtx = this.offCanvas.getContext('2d');\n\n    // 상태\n    this.W = 0;\n    this.H = 0;\n    this.DPR = this.config.devicePixelRatio || Math.min(window.devicePixelRatio || 1, 1.8);\n    this.particles = [];\n    this.mouse = { x: 0, y: 0, down: false };\n    this.animationId = null;\n    this.isRunning = false;\n\n    // 이벤트 핸들러 바인딩\n    this.handleResize = this.handleResize.bind(this);\n    this.handleMouseMove = this.handleMouseMove.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleMouseDown = this.handleMouseDown.bind(this);\n    this.handleMouseUp = this.handleMouseUp.bind(this);\n\n    // 초기화\n    this.init();\n  }\n\n  init() {\n    this.resize();\n    this.setupEventListeners();\n    this.start();\n    \n    if (this.config.onReady) {\n      this.config.onReady(this);\n    }\n  }\n\n  resize() {\n    const width = this.config.width || this.container.clientWidth || window.innerWidth;\n    const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;\n    \n    this.W = Math.floor(width * this.DPR);\n    this.H = Math.floor(height * this.DPR);\n    \n    this.canvas.width = this.W;\n    this.canvas.height = this.H;\n    this.canvas.style.width = width + 'px';\n    this.canvas.style.height = height + 'px';\n\n    this.buildTargets();\n    if (!this.particles.length) {\n      this.initParticles();\n    }\n  }\n\n  buildTargets() {\n    const text = this.config.text;\n    this.offCanvas.width = this.W;\n    this.offCanvas.height = this.H;\n    this.offCtx.clearRect(0, 0, this.offCanvas.width, this.offCanvas.height);\n\n    const base = Math.min(this.W, this.H);\n    const fontSize = this.config.fontSize || Math.max(80, Math.floor(base * 0.18));\n    this.offCtx.fillStyle = '#ffffff';\n    this.offCtx.textAlign = 'center';\n    this.offCtx.textBaseline = 'middle';\n    this.offCtx.font = `400 ${fontSize}px ${this.config.fontFamily}`;\n\n    // 글자 간격 계산 및 그리기\n    const chars = text.split('');\n    const spacing = fontSize * 0.05;\n    const totalWidth = this.offCtx.measureText(text).width + spacing * (chars.length - 1);\n    let x = this.W / 2 - totalWidth / 2;\n    \n    for (const ch of chars) {\n      this.offCtx.fillText(ch, x + this.offCtx.measureText(ch).width / 2, this.H / 2);\n      x += this.offCtx.measureText(ch).width + spacing;\n    }\n\n    // 픽셀 샘플링\n    const step = Math.max(2, this.config.densityStep);\n    const img = this.offCtx.getImageData(0, 0, this.W, this.H).data;\n    const targets = [];\n    \n    for (let y = 0; y < this.H; y += step) {\n      for (let x = 0; x < this.W; x += step) {\n        const i = (y * this.W + x) * 4;\n        if (img[i] + img[i + 1] + img[i + 2] > 600) {\n          targets.push({ x, y });\n        }\n      }\n    }\n\n    // 파티클 수 제한\n    while (targets.length > this.config.maxParticles) {\n      targets.splice(Math.floor(Math.random() * targets.length), 1);\n    }\n\n    // 파티클 수 조정\n    if (this.particles.length < targets.length) {\n      const need = targets.length - this.particles.length;\n      for (let i = 0; i < need; i++) {\n        this.particles.push(this.makeParticle());\n      }\n    } else if (this.particles.length > targets.length) {\n      this.particles.length = targets.length;\n    }\n\n    // 목표 좌표 할당\n    for (let i = 0; i < this.particles.length; i++) {\n      const p = this.particles[i];\n      const t = targets[i];\n      p.tx = t.x;\n      p.ty = t.y;\n    }\n  }\n\n  makeParticle() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    const sx = Math.random() * this.W;\n    const sy = Math.random() * this.H;\n    return {\n      x: sx,\n      y: sy,\n      vx: 0,\n      vy: 0,\n      tx: sx,\n      ty: sy,\n      initialX: sx, // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      initialY: sy,\n      j: Math.random() * Math.PI * 2,\n    };\n  }\n\n  initParticles() {\n    // 캔버스 전체에 골고루 분포 (여백 없이)\n    for (const p of this.particles) {\n      const sx = Math.random() * this.W;\n      const sy = Math.random() * this.H;\n      p.x = sx;\n      p.y = sy;\n      p.vx = p.vy = 0;\n      // 초기 위치 저장 (scatter 시 돌아갈 위치)\n      p.initialX = sx;\n      p.initialY = sy;\n    }\n  }\n\n  scatter() {\n    // 각 파티클을 초기 위치로 돌아가도록 설정\n    for (const p of this.particles) {\n      // 초기 위치가 저장되어 있으면 그 위치로, 없으면 현재 위치 유지\n      if (p.initialX !== undefined && p.initialY !== undefined) {\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      } else {\n        // 초기 위치가 없으면 현재 위치를 초기 위치로 저장\n        p.initialX = p.x;\n        p.initialY = p.y;\n        p.tx = p.initialX;\n        p.ty = p.initialY;\n      }\n    }\n  }\n\n  morph(textOrOptions = null) {\n    // W와 H가 0이면 resize 먼저 실행\n    if (this.W === 0 || this.H === 0) {\n      this.resize();\n    }\n    \n    if (typeof textOrOptions === 'string') {\n      // 문자열인 경우: 기존 동작 유지\n      this.config.text = textOrOptions;\n      this.buildTargets();\n    } else if (textOrOptions && typeof textOrOptions === 'object') {\n      // 객체인 경우: 텍스트와 함께 다른 설정도 변경\n      const needsRebuild = textOrOptions.text !== undefined;\n      this.config = { ...this.config, ...textOrOptions };\n      if (needsRebuild) {\n        this.buildTargets();\n      }\n    } else {\n      // null이거나 undefined인 경우: 현재 텍스트로 재빌드\n      this.buildTargets();\n    }\n  }\n\n  update() {\n    this.ctx.clearRect(0, 0, this.W, this.H);\n\n    for (const p of this.particles) {\n      // 목표 좌표로 당기는 힘\n      let ax = (p.tx - p.x) * this.config.ease;\n      let ay = (p.ty - p.y) * this.config.ease;\n\n      // 마우스 반발/흡입\n      if (this.mouse.x || this.mouse.y) {\n        const dx = p.x - this.mouse.x;\n        const dy = p.y - this.mouse.y;\n        const d2 = dx * dx + dy * dy;\n        const r = this.config.repelRadius * this.DPR;\n        if (d2 < r * r) {\n          const d = Math.sqrt(d2) + 0.0001;\n          const f = (this.mouse.down ? -1 : 1) * this.config.repelStrength * (1 - d / r);\n          ax += (dx / d) * f * 6.0;\n          ay += (dy / d) * f * 6.0;\n        }\n      }\n\n      // 진동 효과\n      p.j += 2;\n      ax += Math.cos(p.j) * 0.05;\n      ay += Math.sin(p.j * 1.3) * 0.05;\n\n      // 속도와 위치 업데이트\n      p.vx = (p.vx + ax) * Math.random();\n      p.vy = (p.vy + ay) * Math.random();\n      p.x += p.vx;\n      p.y += p.vy;\n    }\n\n    // 파티클 그리기\n    this.ctx.fillStyle = this.config.particleColor;\n    const r = this.config.pointSize * this.DPR;\n    for (const p of this.particles) {\n      this.ctx.beginPath();\n      this.ctx.arc(p.x, p.y, r, 0, Math.PI * 2);\n      this.ctx.fill();\n    }\n\n    if (this.config.onUpdate) {\n      this.config.onUpdate(this);\n    }\n  }\n\n  animate() {\n    if (!this.isRunning) return;\n    this.update();\n    this.animationId = requestAnimationFrame(() => this.animate());\n  }\n\n  start() {\n    if (this.isRunning) return;\n    this.isRunning = true;\n    this.animate();\n  }\n\n  stop() {\n    this.isRunning = false;\n    if (this.animationId) {\n      cancelAnimationFrame(this.animationId);\n      this.animationId = null;\n    }\n  }\n\n  setupEventListeners() {\n    window.addEventListener('resize', this.handleResize);\n    this.canvas.addEventListener('mousemove', this.handleMouseMove);\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.addEventListener('mousedown', this.handleMouseDown);\n    window.addEventListener('mouseup', this.handleMouseUp);\n  }\n\n  removeEventListeners() {\n    window.removeEventListener('resize', this.handleResize);\n    this.canvas.removeEventListener('mousemove', this.handleMouseMove);\n    this.canvas.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.canvas.removeEventListener('mousedown', this.handleMouseDown);\n    window.removeEventListener('mouseup', this.handleMouseUp);\n  }\n\n  handleResize() {\n    this.resize();\n  }\n\n  handleMouseMove(e) {\n    const rect = this.canvas.getBoundingClientRect();\n    this.mouse.x = (e.clientX - rect.left) * this.DPR;\n    this.mouse.y = (e.clientY - rect.top) * this.DPR;\n  }\n\n  handleMouseLeave() {\n    this.mouse.x = this.mouse.y = 0;\n  }\n\n  handleMouseDown() {\n    this.mouse.down = true;\n  }\n\n  handleMouseUp() {\n    this.mouse.down = false;\n  }\n\n  // 설정 업데이트\n  updateConfig(newConfig) {\n    this.config = { ...this.config, ...newConfig };\n    if (newConfig.text) {\n      this.buildTargets();\n    }\n  }\n\n  // 파괴 및 정리\n  destroy() {\n    this.stop();\n    this.removeEventListeners();\n    if (this.canvas && this.canvas.parentNode) {\n      this.canvas.parentNode.removeChild(this.canvas);\n    }\n  }\n}\n\n// 기본 export\nexport default MasonEffect;\n\n",null],"names":[],"mappings":"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"}

package/dist/react/MasonEffect.min.cjs

@@ -1 +1 @@
-var t=require("react");class i{constructor(t,i={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:i.text||"mason crawler",densityStep:i.densityStep??2,maxParticles:i.maxParticles??3200,pointSize:i.pointSize??.5,ease:i.ease??.05,repelRadius:i.repelRadius??150,repelStrength:i.repelStrength??1,particleColor:i.particleColor||"#fff",fontFamily:i.fontFamily||"Inter, system-ui, Arial",fontSize:i.fontSize||null,width:i.width||null,height:i.height||null,devicePixelRatio:i.devicePixelRatio??null,onReady:i.onReady||null,onUpdate:i.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${s}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*s,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let i=0;i<this.W;i+=a){const s=4*(t*this.W+i);l[s]+l[s+1]+l[s+2]>600&&r.push({x:i,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let i=0;t>i;i++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=r[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if("string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);i+=h/t*a*6,s+=e/t*a*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const i of this.particles)this.ctx.beginPath(),this.ctx.arc(i.x,i.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}const s=t.forwardRef((s,h)=>{const e=t.useRef(null),o=t.useRef(null);t.useEffect(()=>{if(!e.current)return;let t=null,h=null;const n=()=>{const a=e.current;if(!a)return;const l=a.getBoundingClientRect();if(0===l.width||0===l.height)return void(h=window.setTimeout(n,50));const{className:r,style:c,text:d,densityStep:u,maxParticles:f,pointSize:p,ease:m,repelRadius:w,repelStrength:v,particleColor:y,fontFamily:M,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P}=s,C={text:d,densityStep:u,maxParticles:f,pointSize:p,ease:m,repelRadius:w,repelStrength:v,particleColor:y,fontFamily:M,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P};o.current=new i(a,C),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(()=>{o.current&&o.current.resize()}),t.observe(a))};return requestAnimationFrame(n),()=>{h&&clearTimeout(h),t&&t.disconnect(),o.current&&(o.current.destroy(),o.current=null)}},[]),t.useEffect(()=>{if(!o.current)return;const{text:t,densityStep:i,maxParticles:h,pointSize:e,ease:n,repelRadius:a,repelStrength:l,particleColor:r,fontFamily:c,fontSize:d,width:u,height:f,devicePixelRatio:p}=s;o.current.updateConfig({text:t,densityStep:i,maxParticles:h,pointSize:e,ease:n,repelRadius:a,repelStrength:l,particleColor:r,fontFamily:c,fontSize:d,width:u,height:f,devicePixelRatio:p})},[s.text,s.densityStep,s.maxParticles,s.pointSize,s.ease,s.repelRadius,s.repelStrength,s.particleColor,s.fontFamily,s.fontSize,s.width,s.height,s.devicePixelRatio]),t.useImperativeHandle(h,()=>({morph(t){o.current?.morph(t)},scatter(){o.current?.scatter()},updateConfig(t){o.current?.updateConfig(t)},destroy(){o.current?.destroy(),o.current=null}}));const n={width:"100%",height:"100%",minHeight:s.height||400,position:"relative",...s.style};return t.createElement("div",{ref:e,className:s.className,style:n})});s.displayName="MasonEffect",module.exports=s;
+var t=require("react");class i{constructor(t,i={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:i.text||"mason effect",densityStep:i.densityStep??2,maxParticles:i.maxParticles??3200,pointSize:i.pointSize??.5,ease:i.ease??.05,repelRadius:i.repelRadius??150,repelStrength:i.repelStrength??1,particleColor:i.particleColor||"#fff",fontFamily:i.fontFamily||"Inter, system-ui, Arial",fontSize:i.fontSize||null,width:i.width||null,height:i.height||null,devicePixelRatio:i.devicePixelRatio??null,onReady:i.onReady||null,onUpdate:i.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${s}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*s,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let i=0;i<this.W;i+=a){const s=4*(t*this.W+i);l[s]+l[s+1]+l[s+2]>600&&r.push({x:i,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let i=0;t>i;i++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=r[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);i+=h/t*a*6,s+=e/t*a*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const i of this.particles)this.ctx.beginPath(),this.ctx.arc(i.x,i.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}const s=t.forwardRef((s,h)=>{const e=t.useRef(null),o=t.useRef(null);t.useEffect(()=>{if(!e.current)return;let t=null,h=null;const n=()=>{const a=e.current;if(!a)return;const l=a.getBoundingClientRect();if(0===l.width||0===l.height)return void(h=window.setTimeout(n,50));const{className:r,style:c,text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:M,repelStrength:w,particleColor:v,fontFamily:y,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P}=s,C={text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:M,repelStrength:w,particleColor:v,fontFamily:y,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P};o.current=new i(a,C),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(()=>{o.current&&o.current.resize()}),t.observe(a))};return requestAnimationFrame(n),()=>{h&&clearTimeout(h),t&&t.disconnect(),o.current&&(o.current.destroy(),o.current=null)}},[]),t.useEffect(()=>{if(!o.current)return;const{text:t,densityStep:i,maxParticles:h,pointSize:e,ease:n,repelRadius:a,repelStrength:l,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p}=s;o.current.updateConfig({text:t,densityStep:i,maxParticles:h,pointSize:e,ease:n,repelRadius:a,repelStrength:l,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p})},[s.text,s.densityStep,s.maxParticles,s.pointSize,s.ease,s.repelRadius,s.repelStrength,s.particleColor,s.fontFamily,s.fontSize,s.width,s.height,s.devicePixelRatio]),t.useImperativeHandle(h,()=>({morph(t){o.current?o.current.morph(t):console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},scatter(){o.current?o.current.scatter():console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},updateConfig(t){o.current?o.current.updateConfig(t):console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},destroy(){o.current&&(o.current.destroy(),o.current=null)}}));const n={width:"100%",height:"100%",minHeight:s.height||400,position:"relative",...s.style};return t.createElement("div",{ref:e,className:s.className,style:n})});s.displayName="MasonEffect",module.exports=s;

package/dist/react/MasonEffect.min.js

@@ -1 +1 @@
-import t,{forwardRef as i,useRef as s,useEffect as h,useImperativeHandle as e}from"react";class o{constructor(t,i={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:i.text||"mason crawler",densityStep:i.densityStep??2,maxParticles:i.maxParticles??3200,pointSize:i.pointSize??.5,ease:i.ease??.05,repelRadius:i.repelRadius??150,repelStrength:i.repelStrength??1,particleColor:i.particleColor||"#fff",fontFamily:i.fontFamily||"Inter, system-ui, Arial",fontSize:i.fontSize||null,width:i.width||null,height:i.height||null,devicePixelRatio:i.devicePixelRatio??null,onReady:i.onReady||null,onUpdate:i.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${s}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*s,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let i=0;i<this.W;i+=a){const s=4*(t*this.W+i);l[s]+l[s+1]+l[s+2]>600&&r.push({x:i,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let i=0;t>i;i++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=r[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if("string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);i+=h/t*a*6,s+=e/t*a*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const i of this.particles)this.ctx.beginPath(),this.ctx.arc(i.x,i.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}const n=i((i,n)=>{const a=s(null),l=s(null);h(()=>{if(!a.current)return;let t=null,s=null;const h=()=>{const e=a.current;if(!e)return;const n=e.getBoundingClientRect();if(0===n.width||0===n.height)return void(s=window.setTimeout(h,50));const{className:r,style:c,text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:w,repelStrength:y,particleColor:M,fontFamily:v,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P}=i,C={text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:w,repelStrength:y,particleColor:M,fontFamily:v,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P};l.current=new o(e,C),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(()=>{l.current&&l.current.resize()}),t.observe(e))};return requestAnimationFrame(h),()=>{s&&clearTimeout(s),t&&t.disconnect(),l.current&&(l.current.destroy(),l.current=null)}},[]),h(()=>{if(!l.current)return;const{text:t,densityStep:s,maxParticles:h,pointSize:e,ease:o,repelRadius:n,repelStrength:a,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p}=i;l.current.updateConfig({text:t,densityStep:s,maxParticles:h,pointSize:e,ease:o,repelRadius:n,repelStrength:a,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p})},[i.text,i.densityStep,i.maxParticles,i.pointSize,i.ease,i.repelRadius,i.repelStrength,i.particleColor,i.fontFamily,i.fontSize,i.width,i.height,i.devicePixelRatio]),e(n,()=>({morph(t){l.current?.morph(t)},scatter(){l.current?.scatter()},updateConfig(t){l.current?.updateConfig(t)},destroy(){l.current?.destroy(),l.current=null}}));const r={width:"100%",height:"100%",minHeight:i.height||400,position:"relative",...i.style};return t.createElement("div",{ref:a,className:i.className,style:r})});n.displayName="MasonEffect";export{n as default};
+import t,{forwardRef as i,useRef as s,useEffect as h,useImperativeHandle as e}from"react";class o{constructor(t,i={}){if(this.container="string"==typeof t?document.querySelector(t):t,!this.container)throw Error("Container element not found");this.config={text:i.text||"mason effect",densityStep:i.densityStep??2,maxParticles:i.maxParticles??3200,pointSize:i.pointSize??.5,ease:i.ease??.05,repelRadius:i.repelRadius??150,repelStrength:i.repelStrength??1,particleColor:i.particleColor||"#fff",fontFamily:i.fontFamily||"Inter, system-ui, Arial",fontSize:i.fontSize||null,width:i.width||null,height:i.height||null,devicePixelRatio:i.devicePixelRatio??null,onReady:i.onReady||null,onUpdate:i.onUpdate||null},this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.container.appendChild(this.canvas),this.canvas.style.display="block",this.offCanvas=document.createElement("canvas"),this.offCtx=this.offCanvas.getContext("2d"),this.W=0,this.H=0,this.DPR=this.config.devicePixelRatio||Math.min(window.devicePixelRatio||1,1.8),this.particles=[],this.mouse={x:0,y:0,down:!1},this.animationId=null,this.isRunning=!1,this.handleResize=this.handleResize.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleMouseLeave=this.handleMouseLeave.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.init()}init(){this.resize(),this.setupEventListeners(),this.start(),this.config.onReady&&this.config.onReady(this)}resize(){const t=this.config.width||this.container.clientWidth||window.innerWidth,i=this.config.height||this.container.clientHeight||.7*window.innerHeight;this.W=Math.floor(t*this.DPR),this.H=Math.floor(i*this.DPR),this.canvas.width=this.W,this.canvas.height=this.H,this.canvas.style.width=t+"px",this.canvas.style.height=i+"px",this.buildTargets(),this.particles.length||this.initParticles()}buildTargets(){const t=this.config.text;this.offCanvas.width=this.W,this.offCanvas.height=this.H,this.offCtx.clearRect(0,0,this.offCanvas.width,this.offCanvas.height);const i=Math.min(this.W,this.H),s=this.config.fontSize||Math.max(80,Math.floor(.18*i));this.offCtx.fillStyle="#ffffff",this.offCtx.textAlign="center",this.offCtx.textBaseline="middle",this.offCtx.font=`400 ${s}px ${this.config.fontFamily}`;const h=t.split(""),e=.05*s,o=this.offCtx.measureText(t).width+e*(h.length-1);let n=this.W/2-o/2;for(const t of h)this.offCtx.fillText(t,n+this.offCtx.measureText(t).width/2,this.H/2),n+=this.offCtx.measureText(t).width+e;const a=Math.max(2,this.config.densityStep),l=this.offCtx.getImageData(0,0,this.W,this.H).data,r=[];for(let t=0;t<this.H;t+=a)for(let i=0;i<this.W;i+=a){const s=4*(t*this.W+i);l[s]+l[s+1]+l[s+2]>600&&r.push({x:i,y:t})}for(;r.length>this.config.maxParticles;)r.splice(Math.floor(Math.random()*r.length),1);if(this.particles.length<r.length){const t=r.length-this.particles.length;for(let i=0;t>i;i++)this.particles.push(this.makeParticle())}else this.particles.length>r.length&&(this.particles.length=r.length);for(let t=0;t<this.particles.length;t++){const i=this.particles[t],s=r[t];i.tx=s.x,i.ty=s.y}}makeParticle(){const t=Math.random()*this.W,i=Math.random()*this.H;return{x:t,y:i,vx:0,vy:0,tx:t,ty:i,initialX:t,initialY:i,j:Math.random()*Math.PI*2}}initParticles(){for(const t of this.particles){const i=Math.random()*this.W,s=Math.random()*this.H;t.x=i,t.y=s,t.vx=t.vy=0,t.initialX=i,t.initialY=s}}scatter(){for(const t of this.particles)void 0!==t.initialX&&void 0!==t.initialY?(t.tx=t.initialX,t.ty=t.initialY):(t.initialX=t.x,t.initialY=t.y,t.tx=t.initialX,t.ty=t.initialY)}morph(t=null){if(0!==this.W&&0!==this.H||this.resize(),"string"==typeof t)this.config.text=t,this.buildTargets();else if(t&&"object"==typeof t){const i=void 0!==t.text;this.config={...this.config,...t},i&&this.buildTargets()}else this.buildTargets()}update(){this.ctx.clearRect(0,0,this.W,this.H);for(const t of this.particles){let i=(t.tx-t.x)*this.config.ease,s=(t.ty-t.y)*this.config.ease;if(this.mouse.x||this.mouse.y){const h=t.x-this.mouse.x,e=t.y-this.mouse.y,o=h*h+e*e,n=this.config.repelRadius*this.DPR;if(n*n>o){const t=Math.sqrt(o)+1e-4,a=(this.mouse.down?-1:1)*this.config.repelStrength*(1-t/n);i+=h/t*a*6,s+=e/t*a*6}}t.j+=2,i+=.05*Math.cos(t.j),s+=.05*Math.sin(1.3*t.j),t.vx=(t.vx+i)*Math.random(),t.vy=(t.vy+s)*Math.random(),t.x+=t.vx,t.y+=t.vy}this.ctx.fillStyle=this.config.particleColor;const t=this.config.pointSize*this.DPR;for(const i of this.particles)this.ctx.beginPath(),this.ctx.arc(i.x,i.y,t,0,2*Math.PI),this.ctx.fill();this.config.onUpdate&&this.config.onUpdate(this)}animate(){this.isRunning&&(this.update(),this.animationId=requestAnimationFrame(()=>this.animate()))}start(){this.isRunning||(this.isRunning=!0,this.animate())}stop(){this.isRunning=!1,this.animationId&&(cancelAnimationFrame(this.animationId),this.animationId=null)}setupEventListeners(){window.addEventListener("resize",this.handleResize),this.canvas.addEventListener("mousemove",this.handleMouseMove),this.canvas.addEventListener("mouseleave",this.handleMouseLeave),this.canvas.addEventListener("mousedown",this.handleMouseDown),window.addEventListener("mouseup",this.handleMouseUp)}removeEventListeners(){window.removeEventListener("resize",this.handleResize),this.canvas.removeEventListener("mousemove",this.handleMouseMove),this.canvas.removeEventListener("mouseleave",this.handleMouseLeave),this.canvas.removeEventListener("mousedown",this.handleMouseDown),window.removeEventListener("mouseup",this.handleMouseUp)}handleResize(){this.resize()}handleMouseMove(t){const i=this.canvas.getBoundingClientRect();this.mouse.x=(t.clientX-i.left)*this.DPR,this.mouse.y=(t.clientY-i.top)*this.DPR}handleMouseLeave(){this.mouse.x=this.mouse.y=0}handleMouseDown(){this.mouse.down=!0}handleMouseUp(){this.mouse.down=!1}updateConfig(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}const n=i((i,n)=>{const a=s(null),l=s(null);h(()=>{if(!a.current)return;let t=null,s=null;const h=()=>{const e=a.current;if(!e)return;const n=e.getBoundingClientRect();if(0===n.width||0===n.height)return void(s=window.setTimeout(h,50));const{className:r,style:c,text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:M,repelStrength:w,particleColor:y,fontFamily:v,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P}=i,C={text:d,densityStep:f,maxParticles:u,pointSize:p,ease:m,repelRadius:M,repelStrength:w,particleColor:y,fontFamily:v,fontSize:x,width:S,height:g,devicePixelRatio:z,onReady:R,onUpdate:P};l.current=new o(e,C),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(()=>{l.current&&l.current.resize()}),t.observe(e))};return requestAnimationFrame(h),()=>{s&&clearTimeout(s),t&&t.disconnect(),l.current&&(l.current.destroy(),l.current=null)}},[]),h(()=>{if(!l.current)return;const{text:t,densityStep:s,maxParticles:h,pointSize:e,ease:o,repelRadius:n,repelStrength:a,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p}=i;l.current.updateConfig({text:t,densityStep:s,maxParticles:h,pointSize:e,ease:o,repelRadius:n,repelStrength:a,particleColor:r,fontFamily:c,fontSize:d,width:f,height:u,devicePixelRatio:p})},[i.text,i.densityStep,i.maxParticles,i.pointSize,i.ease,i.repelRadius,i.repelStrength,i.particleColor,i.fontFamily,i.fontSize,i.width,i.height,i.devicePixelRatio]),e(n,()=>({morph(t){l.current?l.current.morph(t):console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},scatter(){l.current?l.current.scatter():console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},updateConfig(t){l.current?l.current.updateConfig(t):console.warn("MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.")},destroy(){l.current&&(l.current.destroy(),l.current=null)}}));const r={width:"100%",height:"100%",minHeight:i.height||400,position:"relative",...i.style};return t.createElement("div",{ref:a,className:i.className,style:r})});n.displayName="MasonEffect";export{n as default};

package/dist/react/react/MasonEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,yFA+KzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"MasonEffect.d.ts","sourceRoot":"","sources":["../../../src/react/MasonEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,oBAAoB,yFA6LzB,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "masoneffect",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "파티클 모핑 효과를 제공하는 라이브러리 - React, Vue, 바닐라 JS 지원",
   "main": "dist/index.min.js",
   "module": "dist/index.esm.min.js",
@@ -47,7 +47,7 @@
     "type": "git",
     "url": "https://github.com/fe-hyunsu/masoneffect.git"
   },
-  "homepage": "https://github.com/fe-hyunsu/masoneffect#readme",
+  "homepage": "https://masoneffect.com",
   "bugs": {
     "url": "https://github.com/fe-hyunsu/masoneffect/issues"
   },

package/src/core/index.js

@@ -16,7 +16,7 @@ export class MasonEffect {
 
     // 설정값들
     this.config = {
-      text: options.text || 'mason crawler',
+      text: options.text || 'mason effect',
       densityStep: options.densityStep ?? 2,
       maxParticles: options.maxParticles ?? 3200,
       pointSize: options.pointSize ?? 0.5,
@@ -202,6 +202,11 @@ export class MasonEffect {
   }
 
   morph(textOrOptions = null) {
+    // W와 H가 0이면 resize 먼저 실행
+    if (this.W === 0 || this.H === 0) {
+      this.resize();
+    }
+    
     if (typeof textOrOptions === 'string') {
       // 문자열인 경우: 기존 동작 유지
       this.config.text = textOrOptions;

package/src/react/MasonEffect.tsx

@@ -175,17 +175,31 @@ const MasonEffectComponent = forwardRef<MasonEffectRef, MasonEffectProps>(
 
     useImperativeHandle(ref, () => ({
       morph: (textOrOptions?: string | Partial<MasonEffectOptions>) => {
-        instanceRef.current?.morph(textOrOptions);
+        if (!instanceRef.current) {
+          console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+          return;
+        }
+        instanceRef.current.morph(textOrOptions);
       },
       scatter: () => {
-        instanceRef.current?.scatter();
+        if (!instanceRef.current) {
+          console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+          return;
+        }
+        instanceRef.current.scatter();
       },
       updateConfig: (config: Partial<MasonEffectOptions>) => {
-        instanceRef.current?.updateConfig(config);
+        if (!instanceRef.current) {
+          console.warn('MasonEffect: 인스턴스가 아직 초기화되지 않았습니다.');
+          return;
+        }
+        instanceRef.current.updateConfig(config);
       },
       destroy: () => {
-        instanceRef.current?.destroy();
-        instanceRef.current = null;
+        if (instanceRef.current) {
+          instanceRef.current.destroy();
+          instanceRef.current = null;
+        }
       },
     }));
 

package/src/vue/MasonEffect.vue

@@ -11,7 +11,7 @@ export default defineComponent({
   props: {
     text: {
       type: String,
-      default: 'mason crawler',
+      default: 'mason effect',
     },
     densityStep: {
       type: Number,