diff --git a/.gitignore b/.gitignore
index 211dd33..6a67cc5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
 .DS_Store
 release
-lib/node_modules/
-wordpress-plugin/
+node_modules
+dist
diff --git a/lib/index.html b/lib/index.html
new file mode 100644
index 0000000..ccc5650
--- /dev/null
+++ b/lib/index.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Yoone Snow Preview</title>
+  </head>
+  <body style="margin:0;padding:0;">
+    <canvas id="effectiveAppsSnow" aria-hidden="true"></canvas>
+    <script type="module">
+      import santa_hat from '/src/assets/圣诞雪帽.svg'
+      import candy_cane from '/src/assets/圣诞拐杖.svg'
+      import christmas_sock from '/src/assets/圣诞袜子.svg'
+      import christmas_tree from '/src/assets/圣诞树.svg'
+      import reindeer from '/src/assets/圣诞麋鹿.svg'
+      import christmas_berry from '/src/assets/圣诞果.svg'
+      window.YooneSnowSettings = {
+        selectedShapes: ['dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry'],
+        mediaItems: [],
+        emojiItems: [],
+        textItems: [],
+        shapeWeights: { dot:1, flake:4, yuanbao:1, coin:1, santa_hat:1, candy_cane:1, christmas_sock:1, christmas_tree:1, reindeer:1, christmas_berry:1 },
+        mediaWeights: {},
+        emojiWeights: {},
+        textWeights: {},
+        radiusMin: 1.0,
+        radiusMax: 3.0,
+        driftMin: 0.4,
+        driftMax: 1.0,
+        swingMin: 0.2,
+        swingMax: 1.0,
+        displayDurationSeconds: 0,
+        maxCount: 0,
+        maxCountSmall: 0,
+        maxCountMedium: 0,
+        maxCountLarge: 0,
+        assetsMap: {
+          santa_hat,
+          candy_cane,
+          christmas_sock,
+          christmas_tree,
+          reindeer,
+          christmas_berry
+        }
+      }
+    </script>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+  </html>
diff --git a/lib/src/animator/SnowAnimator.ts b/lib/src/animator/SnowAnimator.ts
index 86fa087..0433ad6 100644
--- a/lib/src/animator/SnowAnimator.ts
+++ b/lib/src/animator/SnowAnimator.ts
@@ -6,6 +6,7 @@ export function runSnow(canvas: HTMLCanvasElement, settings: SystemSettings){
   let viewportWidth = window.innerWidth
   let viewportHeight = window.innerHeight
   const dpr = window.devicePixelRatio || 1
+  const system = createSystem(context, () => viewportWidth, () => viewportHeight, settings)
   function resize(){
     viewportWidth = window.innerWidth
     viewportHeight = window.innerHeight
@@ -18,7 +19,6 @@ export function runSnow(canvas: HTMLCanvasElement, settings: SystemSettings){
     system.recomputeTarget()
   }
   resize()
-  const system = createSystem(context, () => viewportWidth, () => viewportHeight, settings)
   const animator = new Animator(
     (dt) => { system.updateSystem(dt); system.renderSystem() },
     () => system.shouldStop(),
