masoneffect 0.1.11 โ 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -6
- package/dist/index.esm.js +77 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.esm.min.js +1 -1
- package/dist/index.js +77 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.umd.js +77 -4
- package/dist/index.umd.js.map +1 -1
- package/dist/index.umd.min.js +1 -1
- package/dist/react/MasonEffect.cjs +77 -4
- package/dist/react/MasonEffect.cjs.map +1 -1
- package/dist/react/MasonEffect.js +77 -4
- package/dist/react/MasonEffect.js.map +1 -1
- package/dist/react/MasonEffect.min.cjs +1 -1
- package/dist/react/MasonEffect.min.js +1 -1
- package/package.json +1 -1
- package/src/core/index.js +77 -4
package/README.md
CHANGED
|
@@ -12,6 +12,8 @@ npm install masoneffect
|
|
|
12
12
|
|
|
13
13
|
### Vanilla JavaScript
|
|
14
14
|
|
|
15
|
+
#### Using npm (ES modules)
|
|
16
|
+
|
|
15
17
|
```javascript
|
|
16
18
|
import { MasonEffect } from 'masoneffect';
|
|
17
19
|
|
|
@@ -36,6 +38,22 @@ effect.morph({
|
|
|
36
38
|
effect.scatter();
|
|
37
39
|
```
|
|
38
40
|
|
|
41
|
+
#### Using CDN (UMD)
|
|
42
|
+
|
|
43
|
+
```html
|
|
44
|
+
<script src="https://unpkg.com/masoneffect/dist/index.umd.min.js"></script>
|
|
45
|
+
<script>
|
|
46
|
+
const container = document.getElementById('my-container');
|
|
47
|
+
const effect = new MasonEffect.MasonEffect(container, {
|
|
48
|
+
text: 'Hello World',
|
|
49
|
+
particleColor: '#00ff88',
|
|
50
|
+
maxParticles: 2000,
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
effect.morph('New Text');
|
|
54
|
+
</script>
|
|
55
|
+
```
|
|
56
|
+
|
|
39
57
|
### React
|
|
40
58
|
|
|
41
59
|
```jsx
|
|
@@ -145,13 +163,14 @@ const onReady = (instance) => {
|
|
|
145
163
|
| `width` | `number \| null` | `null` | Canvas width (container size if null) |
|
|
146
164
|
| `height` | `number \| null` | `null` | Canvas height (container size if null) |
|
|
147
165
|
| `devicePixelRatio` | `number \| null` | `null` | Device pixel ratio (auto if null) |
|
|
166
|
+
| `debounceDelay` | `number` | `150` | Debounce delay in milliseconds for resize, morph, and updateConfig (set to 0 to disable) |
|
|
148
167
|
| `onReady` | `function` | `null` | Initialization complete callback |
|
|
149
168
|
| `onUpdate` | `function` | `null` | Update callback |
|
|
150
169
|
|
|
151
170
|
### Methods
|
|
152
171
|
|
|
153
172
|
#### `morph(textOrOptions?: string | Partial<MasonEffectOptions>)`
|
|
154
|
-
Morphs particles into text form.
|
|
173
|
+
Morphs particles into text form. This method is debounced to prevent excessive calls (default: 150ms delay).
|
|
155
174
|
|
|
156
175
|
**Using string:**
|
|
157
176
|
```javascript
|
|
@@ -169,11 +188,13 @@ effect.morph({
|
|
|
169
188
|
});
|
|
170
189
|
```
|
|
171
190
|
|
|
191
|
+
**Note**: Multiple rapid calls will be debounced, and only the last call will be executed after the delay period.
|
|
192
|
+
|
|
172
193
|
#### `scatter()`
|
|
173
194
|
Returns particles to their initial position. Each particle returns to the position where it was first created.
|
|
174
195
|
|
|
175
196
|
#### `updateConfig(config: Partial<MasonEffectOptions>)`
|
|
176
|
-
Updates the configuration.
|
|
197
|
+
Updates the configuration. This method is debounced to prevent excessive calls (default: 150ms delay).
|
|
177
198
|
|
|
178
199
|
#### `destroy()`
|
|
179
200
|
Destroys the instance and cleans up resources.
|
|
@@ -184,10 +205,13 @@ Destroys the instance and cleans up resources.
|
|
|
184
205
|
- ๐ฑ๏ธ Mouse interaction support (repel/attract)
|
|
185
206
|
- ๐ฑ Responsive design
|
|
186
207
|
- โก High-performance Canvas rendering
|
|
187
|
-
- ๐ง Supports React, Vue, and vanilla JS
|
|
208
|
+
- ๐ง Supports React, Vue, and vanilla JS (including CDN)
|
|
188
209
|
- ๐ฏ Includes TypeScript type definitions
|
|
189
210
|
- ๐พ Automatic obfuscation and optimization in production builds
|
|
190
211
|
- ๐ Scatter effect that returns to initial position
|
|
212
|
+
- ๐๏ธ **IntersectionObserver**: Automatically pauses animation when not visible (saves resources)
|
|
213
|
+
- โฑ๏ธ **Debouncing**: Prevents excessive calls on resize, morph, and updateConfig methods
|
|
214
|
+
- ๐๏ธ **Configurable debounce delay**: Adjust or disable debouncing via `debounceDelay` option
|
|
191
215
|
|
|
192
216
|
## Development
|
|
193
217
|
|
|
@@ -209,11 +233,11 @@ npm run serve
|
|
|
209
233
|
|
|
210
234
|
Running the build will generate the following files:
|
|
211
235
|
|
|
212
|
-
- **Development**: `dist/index.js`, `dist/index.esm.js` (with source maps)
|
|
213
|
-
- **Production**: `dist/index.min.js`, `dist/index.esm.min.js` (obfuscated and optimized)
|
|
236
|
+
- **Development**: `dist/index.js`, `dist/index.esm.js`, `dist/index.umd.js` (with source maps)
|
|
237
|
+
- **Production**: `dist/index.min.js`, `dist/index.esm.min.js`, `dist/index.umd.min.js` (obfuscated and optimized)
|
|
214
238
|
- **React component**: `dist/react/MasonEffect.min.js` (obfuscated)
|
|
215
239
|
|
|
216
|
-
When installed via npm, min files are automatically used. For more details, see the [Build Guide](./BUILD.md).
|
|
240
|
+
When installed via npm, min files are automatically used. The UMD files (`index.umd.min.js`) can be used directly in browsers via CDN or script tags. For more details, see the [Build Guide](./BUILD.md).
|
|
217
241
|
|
|
218
242
|
## License
|
|
219
243
|
|
package/dist/index.esm.js
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
* ๋ฐ๋๋ผ JS ์ฝ์ด ํด๋์ค
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
// ๋๋ฐ์ด์ค ์ ํธ๋ฆฌํฐ ํจ์
|
|
7
|
+
function debounce(func, wait) {
|
|
8
|
+
let timeout;
|
|
9
|
+
return function executedFunction(...args) {
|
|
10
|
+
const later = () => {
|
|
11
|
+
clearTimeout(timeout);
|
|
12
|
+
func.apply(this, args);
|
|
13
|
+
};
|
|
14
|
+
clearTimeout(timeout);
|
|
15
|
+
timeout = setTimeout(later, wait);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
|
|
6
19
|
class MasonEffect {
|
|
7
20
|
constructor(container, options = {}) {
|
|
8
21
|
// ์ปจํ
์ด๋ ์์
|
|
@@ -51,14 +64,24 @@ class MasonEffect {
|
|
|
51
64
|
this.mouse = { x: 0, y: 0, down: false };
|
|
52
65
|
this.animationId = null;
|
|
53
66
|
this.isRunning = false;
|
|
67
|
+
this.isVisible = false;
|
|
68
|
+
this.intersectionObserver = null;
|
|
54
69
|
|
|
55
|
-
//
|
|
56
|
-
this.
|
|
70
|
+
// ๋๋ฐ์ด์ค ์ค์ (ms)
|
|
71
|
+
this.debounceDelay = options.debounceDelay ?? 150; // ๊ธฐ๋ณธ 150ms
|
|
72
|
+
|
|
73
|
+
// ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฐ์ธ๋ฉ (๋๋ฐ์ด์ค ์ ์ฉ ์ ์ ๋ฐ์ธ๋ฉ)
|
|
74
|
+
const boundHandleResize = this.handleResize.bind(this);
|
|
75
|
+
this.handleResize = debounce(boundHandleResize, this.debounceDelay);
|
|
57
76
|
this.handleMouseMove = this.handleMouseMove.bind(this);
|
|
58
77
|
this.handleMouseLeave = this.handleMouseLeave.bind(this);
|
|
59
78
|
this.handleMouseDown = this.handleMouseDown.bind(this);
|
|
60
79
|
this.handleMouseUp = this.handleMouseUp.bind(this);
|
|
61
80
|
|
|
81
|
+
// morph์ updateConfig๋ฅผ ์ํ ๋๋ฐ์ด์ค๋ ๋ด๋ถ ๋ฉ์๋
|
|
82
|
+
this._debouncedMorph = debounce(this._morphInternal.bind(this), this.debounceDelay);
|
|
83
|
+
this._debouncedUpdateConfig = debounce(this._updateConfigInternal.bind(this), this.debounceDelay);
|
|
84
|
+
|
|
62
85
|
// ์ด๊ธฐํ
|
|
63
86
|
this.init();
|
|
64
87
|
}
|
|
@@ -66,13 +89,48 @@ class MasonEffect {
|
|
|
66
89
|
init() {
|
|
67
90
|
this.resize();
|
|
68
91
|
this.setupEventListeners();
|
|
69
|
-
this.
|
|
70
|
-
|
|
92
|
+
this.setupIntersectionObserver();
|
|
93
|
+
|
|
71
94
|
if (this.config.onReady) {
|
|
72
95
|
this.config.onReady(this);
|
|
73
96
|
}
|
|
74
97
|
}
|
|
75
98
|
|
|
99
|
+
setupIntersectionObserver() {
|
|
100
|
+
// IntersectionObserver๊ฐ ์ง์๋์ง ์๋ ํ๊ฒฝ์์๋ ํญ์ ์ฌ์
|
|
101
|
+
if (typeof window === 'undefined' || typeof window.IntersectionObserver === 'undefined') {
|
|
102
|
+
this.isVisible = true;
|
|
103
|
+
this.start();
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// ์ด๋ฏธ ์ค์ ๋์ด ์๋ค๋ฉด ๋ค์ ๋ง๋ค์ง ์์
|
|
108
|
+
if (this.intersectionObserver) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
this.intersectionObserver = new IntersectionObserver(
|
|
113
|
+
(entries) => {
|
|
114
|
+
for (const entry of entries) {
|
|
115
|
+
if (entry.target !== this.container) continue;
|
|
116
|
+
|
|
117
|
+
if (entry.isIntersecting) {
|
|
118
|
+
this.isVisible = true;
|
|
119
|
+
this.start();
|
|
120
|
+
} else {
|
|
121
|
+
this.isVisible = false;
|
|
122
|
+
this.stop();
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
threshold: 0.1, // 10% ์ด์ ๋ณด์ผ ๋ ๋์
|
|
128
|
+
}
|
|
129
|
+
);
|
|
130
|
+
|
|
131
|
+
this.intersectionObserver.observe(this.container);
|
|
132
|
+
}
|
|
133
|
+
|
|
76
134
|
resize() {
|
|
77
135
|
const width = this.config.width || this.container.clientWidth || window.innerWidth;
|
|
78
136
|
const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;
|
|
@@ -202,6 +260,12 @@ class MasonEffect {
|
|
|
202
260
|
}
|
|
203
261
|
|
|
204
262
|
morph(textOrOptions = null) {
|
|
263
|
+
// ์ฆ์ ์คํ์ด ํ์ํ ๊ฒฝ์ฐ (์: ์ด๊ธฐํ ์)๋ฅผ ์ํด ๋ด๋ถ ๋ฉ์๋ ์ง์ ํธ์ถ
|
|
264
|
+
// ์ผ๋ฐ์ ์ธ ๊ฒฝ์ฐ์๋ ๋๋ฐ์ด์ค ์ ์ฉ
|
|
265
|
+
this._debouncedMorph(textOrOptions);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
_morphInternal(textOrOptions = null) {
|
|
205
269
|
// W์ H๊ฐ 0์ด๋ฉด resize ๋จผ์ ์คํ
|
|
206
270
|
if (this.W === 0 || this.H === 0) {
|
|
207
271
|
this.resize();
|
|
@@ -332,6 +396,11 @@ class MasonEffect {
|
|
|
332
396
|
|
|
333
397
|
// ์ค์ ์
๋ฐ์ดํธ
|
|
334
398
|
updateConfig(newConfig) {
|
|
399
|
+
// ๋๋ฐ์ด์ค ์ ์ฉ
|
|
400
|
+
this._debouncedUpdateConfig(newConfig);
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
_updateConfigInternal(newConfig) {
|
|
335
404
|
this.config = { ...this.config, ...newConfig };
|
|
336
405
|
if (newConfig.text) {
|
|
337
406
|
this.buildTargets();
|
|
@@ -342,6 +411,10 @@ class MasonEffect {
|
|
|
342
411
|
destroy() {
|
|
343
412
|
this.stop();
|
|
344
413
|
this.removeEventListeners();
|
|
414
|
+
if (this.intersectionObserver) {
|
|
415
|
+
this.intersectionObserver.disconnect();
|
|
416
|
+
this.intersectionObserver = null;
|
|
417
|
+
}
|
|
345
418
|
if (this.canvas && this.canvas.parentNode) {
|
|
346
419
|
this.canvas.parentNode.removeChild(this.canvas);
|
|
347
420
|
}
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +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 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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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - ํํฐํด ๋ชจํ ํจ๊ณผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ\n * ๋ฐ๋๋ผ JS ์ฝ์ด ํด๋์ค\n */\n\n// ๋๋ฐ์ด์ค ์ ํธ๋ฆฌํฐ ํจ์\nfunction debounce(func, wait) {\n let timeout;\n return function executedFunction(...args) {\n const later = () => {\n clearTimeout(timeout);\n func.apply(this, args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\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 this.isVisible = false;\n this.intersectionObserver = null;\n\n // ๋๋ฐ์ด์ค ์ค์ (ms)\n this.debounceDelay = options.debounceDelay ?? 150; // ๊ธฐ๋ณธ 150ms\n\n // ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฐ์ธ๋ฉ (๋๋ฐ์ด์ค ์ ์ฉ ์ ์ ๋ฐ์ธ๋ฉ)\n const boundHandleResize = this.handleResize.bind(this);\n this.handleResize = debounce(boundHandleResize, this.debounceDelay);\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 // morph์ updateConfig๋ฅผ ์ํ ๋๋ฐ์ด์ค๋ ๋ด๋ถ ๋ฉ์๋\n this._debouncedMorph = debounce(this._morphInternal.bind(this), this.debounceDelay);\n this._debouncedUpdateConfig = debounce(this._updateConfigInternal.bind(this), this.debounceDelay);\n\n // ์ด๊ธฐํ\n this.init();\n }\n\n init() {\n this.resize();\n this.setupEventListeners();\n this.setupIntersectionObserver();\n\n if (this.config.onReady) {\n this.config.onReady(this);\n }\n }\n\n setupIntersectionObserver() {\n // IntersectionObserver๊ฐ ์ง์๋์ง ์๋ ํ๊ฒฝ์์๋ ํญ์ ์ฌ์\n if (typeof window === 'undefined' || typeof window.IntersectionObserver === 'undefined') {\n this.isVisible = true;\n this.start();\n return;\n }\n\n // ์ด๋ฏธ ์ค์ ๋์ด ์๋ค๋ฉด ๋ค์ ๋ง๋ค์ง ์์\n if (this.intersectionObserver) {\n return;\n }\n\n this.intersectionObserver = new IntersectionObserver(\n (entries) => {\n for (const entry of entries) {\n if (entry.target !== this.container) continue;\n\n if (entry.isIntersecting) {\n this.isVisible = true;\n this.start();\n } else {\n this.isVisible = false;\n this.stop();\n }\n }\n },\n {\n threshold: 0.1, // 10% ์ด์ ๋ณด์ผ ๋ ๋์\n }\n );\n\n this.intersectionObserver.observe(this.container);\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 // ์ฆ์ ์คํ์ด ํ์ํ ๊ฒฝ์ฐ (์: ์ด๊ธฐํ ์)๋ฅผ ์ํด ๋ด๋ถ ๋ฉ์๋ ์ง์ ํธ์ถ\n // ์ผ๋ฐ์ ์ธ ๊ฒฝ์ฐ์๋ ๋๋ฐ์ด์ค ์ ์ฉ\n this._debouncedMorph(textOrOptions);\n }\n\n _morphInternal(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 // ๋๋ฐ์ด์ค ์ ์ฉ\n this._debouncedUpdateConfig(newConfig);\n }\n\n _updateConfigInternal(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.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = null;\n }\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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
function t(t,s){let i;return function(...h){clearTimeout(i),i=setTimeout(()=>{clearTimeout(i),t.apply(this,h)},s)}}class s{constructor(s,i={}){if(this.container="string"==typeof s?document.querySelector(s):s,!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.isVisible=!1,this.intersectionObserver=null,this.debounceDelay=i.debounceDelay??150;const h=this.handleResize.bind(this);this.handleResize=t(h,this.debounceDelay),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.t=t(this.i.bind(this),this.debounceDelay),this.h=t(this.o.bind(this),this.debounceDelay),this.init()}init(){this.resize(),this.setupEventListeners(),this.setupIntersectionObserver(),this.config.onReady&&this.config.onReady(this)}setupIntersectionObserver(){if("undefined"==typeof window||void 0===window.IntersectionObserver)return this.isVisible=!0,void this.start();this.intersectionObserver||(this.intersectionObserver=new IntersectionObserver(t=>{for(const s of t)s.target===this.container&&(s.isIntersecting?(this.isVisible=!0,this.start()):(this.isVisible=!1,this.stop()))},{threshold:.1}),this.intersectionObserver.observe(this.container))}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){this.t(t)}i(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.h(t)}o(t){this.config={...this.config,...t},t.text&&this.buildTargets()}destroy(){this.stop(),this.removeEventListeners(),this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null),this.canvas&&this.canvas.parentNode&&this.canvas.parentNode.removeChild(this.canvas)}}export{s as MasonEffect,s as default};
|
package/dist/index.js
CHANGED
|
@@ -7,6 +7,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
7
7
|
* ๋ฐ๋๋ผ JS ์ฝ์ด ํด๋์ค
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
+
// ๋๋ฐ์ด์ค ์ ํธ๋ฆฌํฐ ํจ์
|
|
11
|
+
function debounce(func, wait) {
|
|
12
|
+
let timeout;
|
|
13
|
+
return function executedFunction(...args) {
|
|
14
|
+
const later = () => {
|
|
15
|
+
clearTimeout(timeout);
|
|
16
|
+
func.apply(this, args);
|
|
17
|
+
};
|
|
18
|
+
clearTimeout(timeout);
|
|
19
|
+
timeout = setTimeout(later, wait);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
10
23
|
class MasonEffect {
|
|
11
24
|
constructor(container, options = {}) {
|
|
12
25
|
// ์ปจํ
์ด๋ ์์
|
|
@@ -55,14 +68,24 @@ class MasonEffect {
|
|
|
55
68
|
this.mouse = { x: 0, y: 0, down: false };
|
|
56
69
|
this.animationId = null;
|
|
57
70
|
this.isRunning = false;
|
|
71
|
+
this.isVisible = false;
|
|
72
|
+
this.intersectionObserver = null;
|
|
58
73
|
|
|
59
|
-
//
|
|
60
|
-
this.
|
|
74
|
+
// ๋๋ฐ์ด์ค ์ค์ (ms)
|
|
75
|
+
this.debounceDelay = options.debounceDelay ?? 150; // ๊ธฐ๋ณธ 150ms
|
|
76
|
+
|
|
77
|
+
// ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฐ์ธ๋ฉ (๋๋ฐ์ด์ค ์ ์ฉ ์ ์ ๋ฐ์ธ๋ฉ)
|
|
78
|
+
const boundHandleResize = this.handleResize.bind(this);
|
|
79
|
+
this.handleResize = debounce(boundHandleResize, this.debounceDelay);
|
|
61
80
|
this.handleMouseMove = this.handleMouseMove.bind(this);
|
|
62
81
|
this.handleMouseLeave = this.handleMouseLeave.bind(this);
|
|
63
82
|
this.handleMouseDown = this.handleMouseDown.bind(this);
|
|
64
83
|
this.handleMouseUp = this.handleMouseUp.bind(this);
|
|
65
84
|
|
|
85
|
+
// morph์ updateConfig๋ฅผ ์ํ ๋๋ฐ์ด์ค๋ ๋ด๋ถ ๋ฉ์๋
|
|
86
|
+
this._debouncedMorph = debounce(this._morphInternal.bind(this), this.debounceDelay);
|
|
87
|
+
this._debouncedUpdateConfig = debounce(this._updateConfigInternal.bind(this), this.debounceDelay);
|
|
88
|
+
|
|
66
89
|
// ์ด๊ธฐํ
|
|
67
90
|
this.init();
|
|
68
91
|
}
|
|
@@ -70,13 +93,48 @@ class MasonEffect {
|
|
|
70
93
|
init() {
|
|
71
94
|
this.resize();
|
|
72
95
|
this.setupEventListeners();
|
|
73
|
-
this.
|
|
74
|
-
|
|
96
|
+
this.setupIntersectionObserver();
|
|
97
|
+
|
|
75
98
|
if (this.config.onReady) {
|
|
76
99
|
this.config.onReady(this);
|
|
77
100
|
}
|
|
78
101
|
}
|
|
79
102
|
|
|
103
|
+
setupIntersectionObserver() {
|
|
104
|
+
// IntersectionObserver๊ฐ ์ง์๋์ง ์๋ ํ๊ฒฝ์์๋ ํญ์ ์ฌ์
|
|
105
|
+
if (typeof window === 'undefined' || typeof window.IntersectionObserver === 'undefined') {
|
|
106
|
+
this.isVisible = true;
|
|
107
|
+
this.start();
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// ์ด๋ฏธ ์ค์ ๋์ด ์๋ค๋ฉด ๋ค์ ๋ง๋ค์ง ์์
|
|
112
|
+
if (this.intersectionObserver) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
this.intersectionObserver = new IntersectionObserver(
|
|
117
|
+
(entries) => {
|
|
118
|
+
for (const entry of entries) {
|
|
119
|
+
if (entry.target !== this.container) continue;
|
|
120
|
+
|
|
121
|
+
if (entry.isIntersecting) {
|
|
122
|
+
this.isVisible = true;
|
|
123
|
+
this.start();
|
|
124
|
+
} else {
|
|
125
|
+
this.isVisible = false;
|
|
126
|
+
this.stop();
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
threshold: 0.1, // 10% ์ด์ ๋ณด์ผ ๋ ๋์
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
|
|
135
|
+
this.intersectionObserver.observe(this.container);
|
|
136
|
+
}
|
|
137
|
+
|
|
80
138
|
resize() {
|
|
81
139
|
const width = this.config.width || this.container.clientWidth || window.innerWidth;
|
|
82
140
|
const height = this.config.height || this.container.clientHeight || window.innerHeight * 0.7;
|
|
@@ -206,6 +264,12 @@ class MasonEffect {
|
|
|
206
264
|
}
|
|
207
265
|
|
|
208
266
|
morph(textOrOptions = null) {
|
|
267
|
+
// ์ฆ์ ์คํ์ด ํ์ํ ๊ฒฝ์ฐ (์: ์ด๊ธฐํ ์)๋ฅผ ์ํด ๋ด๋ถ ๋ฉ์๋ ์ง์ ํธ์ถ
|
|
268
|
+
// ์ผ๋ฐ์ ์ธ ๊ฒฝ์ฐ์๋ ๋๋ฐ์ด์ค ์ ์ฉ
|
|
269
|
+
this._debouncedMorph(textOrOptions);
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
_morphInternal(textOrOptions = null) {
|
|
209
273
|
// W์ H๊ฐ 0์ด๋ฉด resize ๋จผ์ ์คํ
|
|
210
274
|
if (this.W === 0 || this.H === 0) {
|
|
211
275
|
this.resize();
|
|
@@ -336,6 +400,11 @@ class MasonEffect {
|
|
|
336
400
|
|
|
337
401
|
// ์ค์ ์
๋ฐ์ดํธ
|
|
338
402
|
updateConfig(newConfig) {
|
|
403
|
+
// ๋๋ฐ์ด์ค ์ ์ฉ
|
|
404
|
+
this._debouncedUpdateConfig(newConfig);
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
_updateConfigInternal(newConfig) {
|
|
339
408
|
this.config = { ...this.config, ...newConfig };
|
|
340
409
|
if (newConfig.text) {
|
|
341
410
|
this.buildTargets();
|
|
@@ -346,6 +415,10 @@ class MasonEffect {
|
|
|
346
415
|
destroy() {
|
|
347
416
|
this.stop();
|
|
348
417
|
this.removeEventListeners();
|
|
418
|
+
if (this.intersectionObserver) {
|
|
419
|
+
this.intersectionObserver.disconnect();
|
|
420
|
+
this.intersectionObserver = null;
|
|
421
|
+
}
|
|
349
422
|
if (this.canvas && this.canvas.parentNode) {
|
|
350
423
|
this.canvas.parentNode.removeChild(this.canvas);
|
|
351
424
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +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 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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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/core/index.js"],"sourcesContent":["/**\n * MasonEffect - ํํฐํด ๋ชจํ ํจ๊ณผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ\n * ๋ฐ๋๋ผ JS ์ฝ์ด ํด๋์ค\n */\n\n// ๋๋ฐ์ด์ค ์ ํธ๋ฆฌํฐ ํจ์\nfunction debounce(func, wait) {\n let timeout;\n return function executedFunction(...args) {\n const later = () => {\n clearTimeout(timeout);\n func.apply(this, args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\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 this.isVisible = false;\n this.intersectionObserver = null;\n\n // ๋๋ฐ์ด์ค ์ค์ (ms)\n this.debounceDelay = options.debounceDelay ?? 150; // ๊ธฐ๋ณธ 150ms\n\n // ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ฐ์ธ๋ฉ (๋๋ฐ์ด์ค ์ ์ฉ ์ ์ ๋ฐ์ธ๋ฉ)\n const boundHandleResize = this.handleResize.bind(this);\n this.handleResize = debounce(boundHandleResize, this.debounceDelay);\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 // morph์ updateConfig๋ฅผ ์ํ ๋๋ฐ์ด์ค๋ ๋ด๋ถ ๋ฉ์๋\n this._debouncedMorph = debounce(this._morphInternal.bind(this), this.debounceDelay);\n this._debouncedUpdateConfig = debounce(this._updateConfigInternal.bind(this), this.debounceDelay);\n\n // ์ด๊ธฐํ\n this.init();\n }\n\n init() {\n this.resize();\n this.setupEventListeners();\n this.setupIntersectionObserver();\n\n if (this.config.onReady) {\n this.config.onReady(this);\n }\n }\n\n setupIntersectionObserver() {\n // IntersectionObserver๊ฐ ์ง์๋์ง ์๋ ํ๊ฒฝ์์๋ ํญ์ ์ฌ์\n if (typeof window === 'undefined' || typeof window.IntersectionObserver === 'undefined') {\n this.isVisible = true;\n this.start();\n return;\n }\n\n // ์ด๋ฏธ ์ค์ ๋์ด ์๋ค๋ฉด ๋ค์ ๋ง๋ค์ง ์์\n if (this.intersectionObserver) {\n return;\n }\n\n this.intersectionObserver = new IntersectionObserver(\n (entries) => {\n for (const entry of entries) {\n if (entry.target !== this.container) continue;\n\n if (entry.isIntersecting) {\n this.isVisible = true;\n this.start();\n } else {\n this.isVisible = false;\n this.stop();\n }\n }\n },\n {\n threshold: 0.1, // 10% ์ด์ ๋ณด์ผ ๋ ๋์\n }\n );\n\n this.intersectionObserver.observe(this.container);\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 // ์ฆ์ ์คํ์ด ํ์ํ ๊ฒฝ์ฐ (์: ์ด๊ธฐํ ์)๋ฅผ ์ํด ๋ด๋ถ ๋ฉ์๋ ์ง์ ํธ์ถ\n // ์ผ๋ฐ์ ์ธ ๊ฒฝ์ฐ์๋ ๋๋ฐ์ด์ค ์ ์ฉ\n this._debouncedMorph(textOrOptions);\n }\n\n _morphInternal(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 // ๋๋ฐ์ด์ค ์ ์ฉ\n this._debouncedUpdateConfig(newConfig);\n }\n\n _updateConfigInternal(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.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = null;\n }\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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"}
|