refactor: 优化.gitignore并调整SnowAnimator初始化顺序
更新.gitignore文件,简化忽略目录配置 将SnowAnimator中的system初始化移至resize函数之前,避免重复计算 添加lib/index.html作为预览页面
This commit is contained in:
parent
73288f1d19
commit
44431c6780
|
|
@ -1,4 +1,4 @@
|
||||||
.DS_Store
|
.DS_Store
|
||||||
release
|
release
|
||||||
lib/node_modules/
|
node_modules
|
||||||
wordpress-plugin/
|
dist
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -6,6 +6,7 @@ export function runSnow(canvas: HTMLCanvasElement, settings: SystemSettings){
|
||||||
let viewportWidth = window.innerWidth
|
let viewportWidth = window.innerWidth
|
||||||
let viewportHeight = window.innerHeight
|
let viewportHeight = window.innerHeight
|
||||||
const dpr = window.devicePixelRatio || 1
|
const dpr = window.devicePixelRatio || 1
|
||||||
|
const system = createSystem(context, () => viewportWidth, () => viewportHeight, settings)
|
||||||
function resize(){
|
function resize(){
|
||||||
viewportWidth = window.innerWidth
|
viewportWidth = window.innerWidth
|
||||||
viewportHeight = window.innerHeight
|
viewportHeight = window.innerHeight
|
||||||
|
|
@ -18,7 +19,6 @@ export function runSnow(canvas: HTMLCanvasElement, settings: SystemSettings){
|
||||||
system.recomputeTarget()
|
system.recomputeTarget()
|
||||||
}
|
}
|
||||||
resize()
|
resize()
|
||||||
const system = createSystem(context, () => viewportWidth, () => viewportHeight, settings)
|
|
||||||
const animator = new Animator(
|
const animator = new Animator(
|
||||||
(dt) => { system.updateSystem(dt); system.renderSystem() },
|
(dt) => { system.updateSystem(dt); system.renderSystem() },
|
||||||
() => system.shouldStop(),
|
() => system.shouldStop(),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue