masoneffect 0.1.9 → 0.1.10
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 +12 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -32,7 +32,7 @@ effect.morph({
|
|
|
32
32
|
maxParticles: 3000,
|
|
33
33
|
});
|
|
34
34
|
|
|
35
|
-
// 파티클을
|
|
35
|
+
// 파티클을 초기 위치로 돌아가기
|
|
36
36
|
effect.scatter();
|
|
37
37
|
```
|
|
38
38
|
|
|
@@ -93,6 +93,7 @@ function App() {
|
|
|
93
93
|
@ready="onReady"
|
|
94
94
|
/>
|
|
95
95
|
<button @click="handleMorph">Morph</button>
|
|
96
|
+
<button @click="handleMorphWithOptions">Morph with Options</button>
|
|
96
97
|
<button @click="handleScatter">Scatter</button>
|
|
97
98
|
</div>
|
|
98
99
|
</template>
|
|
@@ -107,6 +108,14 @@ const handleMorph = () => {
|
|
|
107
108
|
effectRef.value?.morph('New Text');
|
|
108
109
|
};
|
|
109
110
|
|
|
111
|
+
const handleMorphWithOptions = () => {
|
|
112
|
+
effectRef.value?.morph({
|
|
113
|
+
text: 'Hello',
|
|
114
|
+
particleColor: '#ff00ff',
|
|
115
|
+
maxParticles: 3000,
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
|
|
110
119
|
const handleScatter = () => {
|
|
111
120
|
effectRef.value?.scatter();
|
|
112
121
|
};
|
|
@@ -161,7 +170,7 @@ effect.morph({
|
|
|
161
170
|
```
|
|
162
171
|
|
|
163
172
|
#### `scatter()`
|
|
164
|
-
파티클을
|
|
173
|
+
파티클을 초기 위치로 돌아가게 합니다. 각 파티클이 처음 생성되었을 때의 위치로 복귀합니다.
|
|
165
174
|
|
|
166
175
|
#### `updateConfig(config: Partial<MasonEffectOptions>)`
|
|
167
176
|
설정을 업데이트합니다.
|
|
@@ -178,7 +187,7 @@ effect.morph({
|
|
|
178
187
|
- 🔧 React, Vue, 바닐라 JS 모두 지원
|
|
179
188
|
- 🎯 TypeScript 타입 정의 포함
|
|
180
189
|
- 💾 프로덕션 빌드 시 자동 난독화 및 최적화
|
|
181
|
-
-
|
|
190
|
+
- 🔄 초기 위치로 복귀하는 scatter 효과
|
|
182
191
|
|
|
183
192
|
## 개발
|
|
184
193
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "masoneffect",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "파티클 모핑 효과를 제공하는 라이브러리 - React, Vue, 바닐라 JS 지원",
|
|
5
5
|
"main": "dist/index.min.js",
|
|
6
6
|
"module": "dist/index.esm.min.js",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"type": "git",
|
|
48
48
|
"url": "https://github.com/fe-hyunsu/masoneffect.git"
|
|
49
49
|
},
|
|
50
|
-
"homepage": "https://
|
|
50
|
+
"homepage": "https://masoneffect.com",
|
|
51
51
|
"bugs": {
|
|
52
52
|
"url": "https://github.com/fe-hyunsu/masoneffect/issues"
|
|
53
53
|
},
|