@mappoh/nova 0.1.16
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/dist/animation/parallax.d.ts +23 -0
- package/dist/animation/parallax.d.ts.map +1 -0
- package/dist/animation/parallax.js +96 -0
- package/dist/animation/parallax.js.map +1 -0
- package/dist/animation/scroll-animate.d.ts +30 -0
- package/dist/animation/scroll-animate.d.ts.map +1 -0
- package/dist/animation/scroll-animate.js +65 -0
- package/dist/animation/scroll-animate.js.map +1 -0
- package/dist/animation/scroll-observer.d.ts +32 -0
- package/dist/animation/scroll-observer.d.ts.map +1 -0
- package/dist/animation/scroll-observer.js +63 -0
- package/dist/animation/scroll-observer.js.map +1 -0
- package/dist/animation/smooth-scroll.d.ts +47 -0
- package/dist/animation/smooth-scroll.d.ts.map +1 -0
- package/dist/animation/smooth-scroll.js +169 -0
- package/dist/animation/smooth-scroll.js.map +1 -0
- package/dist/animation/text-reveal.d.ts +30 -0
- package/dist/animation/text-reveal.d.ts.map +1 -0
- package/dist/animation/text-reveal.js +164 -0
- package/dist/animation/text-reveal.js.map +1 -0
- package/dist/animation/ticker.d.ts +32 -0
- package/dist/animation/ticker.d.ts.map +1 -0
- package/dist/animation/ticker.js +62 -0
- package/dist/animation/ticker.js.map +1 -0
- package/dist/canvas/dot-grid.d.ts +50 -0
- package/dist/canvas/dot-grid.d.ts.map +1 -0
- package/dist/canvas/dot-grid.js +123 -0
- package/dist/canvas/dot-grid.js.map +1 -0
- package/dist/canvas/noise.d.ts +33 -0
- package/dist/canvas/noise.d.ts.map +1 -0
- package/dist/canvas/noise.js +241 -0
- package/dist/canvas/noise.js.map +1 -0
- package/dist/canvas/particles.d.ts +44 -0
- package/dist/canvas/particles.d.ts.map +1 -0
- package/dist/canvas/particles.js +138 -0
- package/dist/canvas/particles.js.map +1 -0
- package/dist/canvas/sequence.d.ts +43 -0
- package/dist/canvas/sequence.d.ts.map +1 -0
- package/dist/canvas/sequence.js +162 -0
- package/dist/canvas/sequence.js.map +1 -0
- package/dist/component/bind.d.ts +25 -0
- package/dist/component/bind.d.ts.map +1 -0
- package/dist/component/bind.js +28 -0
- package/dist/component/bind.js.map +1 -0
- package/dist/component/component.d.ts +76 -0
- package/dist/component/component.d.ts.map +1 -0
- package/dist/component/component.js +219 -0
- package/dist/component/component.js.map +1 -0
- package/dist/component/connect.d.ts +60 -0
- package/dist/component/connect.d.ts.map +1 -0
- package/dist/component/connect.js +115 -0
- package/dist/component/connect.js.map +1 -0
- package/dist/component/html.d.ts +35 -0
- package/dist/component/html.d.ts.map +1 -0
- package/dist/component/html.js +51 -0
- package/dist/component/html.js.map +1 -0
- package/dist/component/hydrate.d.ts +37 -0
- package/dist/component/hydrate.d.ts.map +1 -0
- package/dist/component/hydrate.js +242 -0
- package/dist/component/hydrate.js.map +1 -0
- package/dist/component/index.d.ts +9 -0
- package/dist/component/index.d.ts.map +1 -0
- package/dist/component/index.js +6 -0
- package/dist/component/index.js.map +1 -0
- package/dist/component/template.d.ts +30 -0
- package/dist/component/template.d.ts.map +1 -0
- package/dist/component/template.js +469 -0
- package/dist/component/template.js.map +1 -0
- package/dist/css/gradient-text.d.ts +40 -0
- package/dist/css/gradient-text.d.ts.map +1 -0
- package/dist/css/gradient-text.js +90 -0
- package/dist/css/gradient-text.js.map +1 -0
- package/dist/css/index.d.ts +3 -0
- package/dist/css/index.d.ts.map +1 -0
- package/dist/css/index.js +2 -0
- package/dist/css/index.js.map +1 -0
- package/dist/devtools/devtools.d.ts +27 -0
- package/dist/devtools/devtools.d.ts.map +1 -0
- package/dist/devtools/devtools.js +237 -0
- package/dist/devtools/devtools.js.map +1 -0
- package/dist/devtools/index.d.ts +3 -0
- package/dist/devtools/index.d.ts.map +1 -0
- package/dist/devtools/index.js +2 -0
- package/dist/devtools/index.js.map +1 -0
- package/dist/drag/drag.d.ts +38 -0
- package/dist/drag/drag.d.ts.map +1 -0
- package/dist/drag/drag.js +181 -0
- package/dist/drag/drag.js.map +1 -0
- package/dist/drag/index.d.ts +3 -0
- package/dist/drag/index.d.ts.map +1 -0
- package/dist/drag/index.js +2 -0
- package/dist/drag/index.js.map +1 -0
- package/dist/dropdown/dropdown.d.ts +55 -0
- package/dist/dropdown/dropdown.d.ts.map +1 -0
- package/dist/dropdown/dropdown.js +314 -0
- package/dist/dropdown/dropdown.js.map +1 -0
- package/dist/dropdown/group.d.ts +18 -0
- package/dist/dropdown/group.d.ts.map +1 -0
- package/dist/dropdown/group.js +119 -0
- package/dist/dropdown/group.js.map +1 -0
- package/dist/dropdown/index.d.ts +5 -0
- package/dist/dropdown/index.d.ts.map +1 -0
- package/dist/dropdown/index.js +3 -0
- package/dist/dropdown/index.js.map +1 -0
- package/dist/forms/form-engine.d.ts +91 -0
- package/dist/forms/form-engine.d.ts.map +1 -0
- package/dist/forms/form-engine.js +228 -0
- package/dist/forms/form-engine.js.map +1 -0
- package/dist/forms/index.d.ts +3 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +2 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/forms/validators.d.ts +20 -0
- package/dist/forms/validators.d.ts.map +1 -0
- package/dist/forms/validators.js +82 -0
- package/dist/forms/validators.js.map +1 -0
- package/dist/gallery/gallery.d.ts +66 -0
- package/dist/gallery/gallery.d.ts.map +1 -0
- package/dist/gallery/gallery.js +347 -0
- package/dist/gallery/gallery.js.map +1 -0
- package/dist/gallery/index.d.ts +3 -0
- package/dist/gallery/index.d.ts.map +1 -0
- package/dist/gallery/index.js +2 -0
- package/dist/gallery/index.js.map +1 -0
- package/dist/gesture/gesture.d.ts +44 -0
- package/dist/gesture/gesture.d.ts.map +1 -0
- package/dist/gesture/gesture.js +152 -0
- package/dist/gesture/gesture.js.map +1 -0
- package/dist/gesture/index.d.ts +3 -0
- package/dist/gesture/index.d.ts.map +1 -0
- package/dist/gesture/index.js +2 -0
- package/dist/gesture/index.js.map +1 -0
- package/dist/http/http.d.ts +44 -0
- package/dist/http/http.d.ts.map +1 -0
- package/dist/http/http.js +135 -0
- package/dist/http/http.js.map +1 -0
- package/dist/http/index.d.ts +3 -0
- package/dist/http/index.d.ts.map +1 -0
- package/dist/http/index.js +2 -0
- package/dist/http/index.js.map +1 -0
- package/dist/i18n/i18n.d.ts +28 -0
- package/dist/i18n/i18n.d.ts.map +1 -0
- package/dist/i18n/i18n.js +84 -0
- package/dist/i18n/i18n.js.map +1 -0
- package/dist/i18n/index.d.ts +3 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/index.js +2 -0
- package/dist/i18n/index.js.map +1 -0
- package/dist/image/effects.d.ts +33 -0
- package/dist/image/effects.d.ts.map +1 -0
- package/dist/image/effects.js +236 -0
- package/dist/image/effects.js.map +1 -0
- package/dist/image/image.d.ts +83 -0
- package/dist/image/image.d.ts.map +1 -0
- package/dist/image/image.js +236 -0
- package/dist/image/image.js.map +1 -0
- package/dist/image/index.d.ts +5 -0
- package/dist/image/index.d.ts.map +1 -0
- package/dist/image/index.js +3 -0
- package/dist/image/index.js.map +1 -0
- package/dist/interaction/index.d.ts +3 -0
- package/dist/interaction/index.d.ts.map +1 -0
- package/dist/interaction/index.js +2 -0
- package/dist/interaction/index.js.map +1 -0
- package/dist/interaction/tilt.d.ts +30 -0
- package/dist/interaction/tilt.d.ts.map +1 -0
- package/dist/interaction/tilt.js +131 -0
- package/dist/interaction/tilt.js.map +1 -0
- package/dist/lazy/index.d.ts +3 -0
- package/dist/lazy/index.d.ts.map +1 -0
- package/dist/lazy/index.js +2 -0
- package/dist/lazy/index.js.map +1 -0
- package/dist/lazy/lazy.d.ts +42 -0
- package/dist/lazy/lazy.d.ts.map +1 -0
- package/dist/lazy/lazy.js +80 -0
- package/dist/lazy/lazy.js.map +1 -0
- package/dist/modal/index.d.ts +3 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +2 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/modal.d.ts +39 -0
- package/dist/modal/modal.d.ts.map +1 -0
- package/dist/modal/modal.js +174 -0
- package/dist/modal/modal.js.map +1 -0
- package/dist/router/index.d.ts +3 -0
- package/dist/router/index.d.ts.map +1 -0
- package/dist/router/index.js +2 -0
- package/dist/router/index.js.map +1 -0
- package/dist/router/router.d.ts +80 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +256 -0
- package/dist/router/router.js.map +1 -0
- package/dist/router/speculate.d.ts +28 -0
- package/dist/router/speculate.d.ts.map +1 -0
- package/dist/router/speculate.js +36 -0
- package/dist/router/speculate.js.map +1 -0
- package/dist/search/fuzzy.d.ts +16 -0
- package/dist/search/fuzzy.d.ts.map +1 -0
- package/dist/search/fuzzy.js +77 -0
- package/dist/search/fuzzy.js.map +1 -0
- package/dist/search/index.d.ts +5 -0
- package/dist/search/index.d.ts.map +1 -0
- package/dist/search/index.js +3 -0
- package/dist/search/index.js.map +1 -0
- package/dist/search/search.d.ts +56 -0
- package/dist/search/search.d.ts.map +1 -0
- package/dist/search/search.js +540 -0
- package/dist/search/search.js.map +1 -0
- package/dist/search/wasm.d.ts +35 -0
- package/dist/search/wasm.d.ts.map +1 -0
- package/dist/search/wasm.js +51 -0
- package/dist/search/wasm.js.map +1 -0
- package/dist/security/cors.d.ts +61 -0
- package/dist/security/cors.d.ts.map +1 -0
- package/dist/security/cors.js +174 -0
- package/dist/security/cors.js.map +1 -0
- package/dist/security/csp.d.ts +49 -0
- package/dist/security/csp.d.ts.map +1 -0
- package/dist/security/csp.js +143 -0
- package/dist/security/csp.js.map +1 -0
- package/dist/security/csrf.d.ts +47 -0
- package/dist/security/csrf.d.ts.map +1 -0
- package/dist/security/csrf.js +122 -0
- package/dist/security/csrf.js.map +1 -0
- package/dist/security/encrypt.d.ts +64 -0
- package/dist/security/encrypt.d.ts.map +1 -0
- package/dist/security/encrypt.js +129 -0
- package/dist/security/encrypt.js.map +1 -0
- package/dist/security/index.d.ts +21 -0
- package/dist/security/index.d.ts.map +1 -0
- package/dist/security/index.js +11 -0
- package/dist/security/index.js.map +1 -0
- package/dist/security/rate-limit.d.ts +57 -0
- package/dist/security/rate-limit.d.ts.map +1 -0
- package/dist/security/rate-limit.js +222 -0
- package/dist/security/rate-limit.js.map +1 -0
- package/dist/security/rbac.d.ts +84 -0
- package/dist/security/rbac.d.ts.map +1 -0
- package/dist/security/rbac.js +164 -0
- package/dist/security/rbac.js.map +1 -0
- package/dist/security/sanitize.d.ts +44 -0
- package/dist/security/sanitize.d.ts.map +1 -0
- package/dist/security/sanitize.js +230 -0
- package/dist/security/sanitize.js.map +1 -0
- package/dist/security/secure-store.d.ts +44 -0
- package/dist/security/secure-store.d.ts.map +1 -0
- package/dist/security/secure-store.js +164 -0
- package/dist/security/secure-store.js.map +1 -0
- package/dist/security/session.d.ts +76 -0
- package/dist/security/session.d.ts.map +1 -0
- package/dist/security/session.js +251 -0
- package/dist/security/session.js.map +1 -0
- package/dist/security/sri.d.ts +66 -0
- package/dist/security/sri.d.ts.map +1 -0
- package/dist/security/sri.js +159 -0
- package/dist/security/sri.js.map +1 -0
- package/dist/shortcuts/index.d.ts +3 -0
- package/dist/shortcuts/index.d.ts.map +1 -0
- package/dist/shortcuts/index.js +2 -0
- package/dist/shortcuts/index.js.map +1 -0
- package/dist/shortcuts/shortcuts.d.ts +43 -0
- package/dist/shortcuts/shortcuts.d.ts.map +1 -0
- package/dist/shortcuts/shortcuts.js +141 -0
- package/dist/shortcuts/shortcuts.js.map +1 -0
- package/dist/ssr/index.d.ts +3 -0
- package/dist/ssr/index.d.ts.map +1 -0
- package/dist/ssr/index.js +2 -0
- package/dist/ssr/index.js.map +1 -0
- package/dist/ssr/ssr.d.ts +62 -0
- package/dist/ssr/ssr.d.ts.map +1 -0
- package/dist/ssr/ssr.js +132 -0
- package/dist/ssr/ssr.js.map +1 -0
- package/dist/state/index.d.ts +5 -0
- package/dist/state/index.d.ts.map +1 -0
- package/dist/state/index.js +3 -0
- package/dist/state/index.js.map +1 -0
- package/dist/state/persistent.d.ts +31 -0
- package/dist/state/persistent.d.ts.map +1 -0
- package/dist/state/persistent.js +132 -0
- package/dist/state/persistent.js.map +1 -0
- package/dist/state/store.d.ts +31 -0
- package/dist/state/store.d.ts.map +1 -0
- package/dist/state/store.js +107 -0
- package/dist/state/store.js.map +1 -0
- package/dist/store/index.d.ts +3 -0
- package/dist/store/index.d.ts.map +1 -0
- package/dist/store/index.js +2 -0
- package/dist/store/index.js.map +1 -0
- package/dist/store/store.d.ts +36 -0
- package/dist/store/store.d.ts.map +1 -0
- package/dist/store/store.js +175 -0
- package/dist/store/store.js.map +1 -0
- package/dist/supabase/auth.d.ts +28 -0
- package/dist/supabase/auth.d.ts.map +1 -0
- package/dist/supabase/auth.js +47 -0
- package/dist/supabase/auth.js.map +1 -0
- package/dist/supabase/client.d.ts +18 -0
- package/dist/supabase/client.d.ts.map +1 -0
- package/dist/supabase/client.js +36 -0
- package/dist/supabase/client.js.map +1 -0
- package/dist/supabase/realtime.d.ts +22 -0
- package/dist/supabase/realtime.d.ts.map +1 -0
- package/dist/supabase/realtime.js +51 -0
- package/dist/supabase/realtime.js.map +1 -0
- package/dist/sw/index.d.ts +3 -0
- package/dist/sw/index.d.ts.map +1 -0
- package/dist/sw/index.js +2 -0
- package/dist/sw/index.js.map +1 -0
- package/dist/sw/sw.d.ts +49 -0
- package/dist/sw/sw.d.ts.map +1 -0
- package/dist/sw/sw.js +125 -0
- package/dist/sw/sw.js.map +1 -0
- package/dist/tabs/index.d.ts +3 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/tabs.d.ts +34 -0
- package/dist/tabs/tabs.d.ts.map +1 -0
- package/dist/tabs/tabs.js +173 -0
- package/dist/tabs/tabs.js.map +1 -0
- package/dist/test/index.d.ts +3 -0
- package/dist/test/index.d.ts.map +1 -0
- package/dist/test/index.js +2 -0
- package/dist/test/index.js.map +1 -0
- package/dist/test/test.d.ts +37 -0
- package/dist/test/test.d.ts.map +1 -0
- package/dist/test/test.js +108 -0
- package/dist/test/test.js.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/theme.d.ts +40 -0
- package/dist/theme/theme.d.ts.map +1 -0
- package/dist/theme/theme.js +142 -0
- package/dist/theme/theme.js.map +1 -0
- package/dist/timeline/index.d.ts +3 -0
- package/dist/timeline/index.d.ts.map +1 -0
- package/dist/timeline/index.js +2 -0
- package/dist/timeline/index.js.map +1 -0
- package/dist/timeline/timeline.d.ts +44 -0
- package/dist/timeline/timeline.d.ts.map +1 -0
- package/dist/timeline/timeline.js +196 -0
- package/dist/timeline/timeline.js.map +1 -0
- package/dist/toast/index.d.ts +3 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/index.js +2 -0
- package/dist/toast/index.js.map +1 -0
- package/dist/toast/toast.d.ts +31 -0
- package/dist/toast/toast.d.ts.map +1 -0
- package/dist/toast/toast.js +198 -0
- package/dist/toast/toast.js.map +1 -0
- package/dist/tooltip/index.d.ts +3 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/tooltip.d.ts +27 -0
- package/dist/tooltip/tooltip.d.ts.map +1 -0
- package/dist/tooltip/tooltip.js +229 -0
- package/dist/tooltip/tooltip.js.map +1 -0
- package/dist/transition/index.d.ts +3 -0
- package/dist/transition/index.d.ts.map +1 -0
- package/dist/transition/index.js +2 -0
- package/dist/transition/index.js.map +1 -0
- package/dist/transition/transition.d.ts +31 -0
- package/dist/transition/transition.d.ts.map +1 -0
- package/dist/transition/transition.js +95 -0
- package/dist/transition/transition.js.map +1 -0
- package/dist/webgl/index.d.ts +3 -0
- package/dist/webgl/index.d.ts.map +1 -0
- package/dist/webgl/index.js +2 -0
- package/dist/webgl/index.js.map +1 -0
- package/dist/webgl/webgl.d.ts +49 -0
- package/dist/webgl/webgl.d.ts.map +1 -0
- package/dist/webgl/webgl.js +401 -0
- package/dist/webgl/webgl.js.map +1 -0
- package/package.json +269 -0
- package/styles/base/global.css +47 -0
- package/styles/base/reset.css +73 -0
- package/styles/tokens/colors.css +50 -0
- package/styles/tokens/spacing.css +46 -0
- package/styles/tokens/typography.css +37 -0
- package/styles/utilities/layout.css +46 -0
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Noise Generation
|
|
3
|
+
*
|
|
4
|
+
* Simplex noise for generative backgrounds, terrain, and organic effects.
|
|
5
|
+
* Pure TypeScript implementation — no external dependencies.
|
|
6
|
+
*/
|
|
7
|
+
// Simplex noise lookup tables
|
|
8
|
+
const grad3 = [
|
|
9
|
+
[1, 1, 0], [-1, 1, 0], [1, -1, 0], [-1, -1, 0],
|
|
10
|
+
[1, 0, 1], [-1, 0, 1], [1, 0, -1], [-1, 0, -1],
|
|
11
|
+
[0, 1, 1], [0, -1, 1], [0, 1, -1], [0, -1, -1],
|
|
12
|
+
];
|
|
13
|
+
const F2 = 0.5 * (Math.sqrt(3) - 1);
|
|
14
|
+
const G2 = (3 - Math.sqrt(3)) / 6;
|
|
15
|
+
const F3 = 1 / 3;
|
|
16
|
+
const G3 = 1 / 6;
|
|
17
|
+
function buildPermTable(seed) {
|
|
18
|
+
const perm = new Uint8Array(512);
|
|
19
|
+
const source = new Uint8Array(256);
|
|
20
|
+
for (let i = 0; i < 256; i++)
|
|
21
|
+
source[i] = i;
|
|
22
|
+
// Seed-based shuffle (xorshift)
|
|
23
|
+
let s = seed;
|
|
24
|
+
for (let i = 255; i > 0; i--) {
|
|
25
|
+
s = (s ^ (s << 13)) >>> 0;
|
|
26
|
+
s = (s ^ (s >> 17)) >>> 0;
|
|
27
|
+
s = (s ^ (s << 5)) >>> 0;
|
|
28
|
+
const j = (s >>> 0) % (i + 1);
|
|
29
|
+
[source[i], source[j]] = [source[j], source[i]];
|
|
30
|
+
}
|
|
31
|
+
for (let i = 0; i < 512; i++)
|
|
32
|
+
perm[i] = source[i & 255];
|
|
33
|
+
return perm;
|
|
34
|
+
}
|
|
35
|
+
function dot2(g, x, y) {
|
|
36
|
+
return g[0] * x + g[1] * y;
|
|
37
|
+
}
|
|
38
|
+
function dot3(g, x, y, z) {
|
|
39
|
+
return g[0] * x + g[1] * y + g[2] * z;
|
|
40
|
+
}
|
|
41
|
+
/** Create a noise generator instance. */
|
|
42
|
+
export function createNoise(options = {}) {
|
|
43
|
+
const seed = options.seed ?? (Math.random() * 2147483647) >>> 0;
|
|
44
|
+
const perm = buildPermTable(seed);
|
|
45
|
+
const permMod12 = new Uint8Array(512);
|
|
46
|
+
for (let i = 0; i < 512; i++)
|
|
47
|
+
permMod12[i] = perm[i] % 12;
|
|
48
|
+
function noise2D(xin, yin) {
|
|
49
|
+
const s = (xin + yin) * F2;
|
|
50
|
+
const i = Math.floor(xin + s);
|
|
51
|
+
const j = Math.floor(yin + s);
|
|
52
|
+
const t = (i + j) * G2;
|
|
53
|
+
const x0 = xin - (i - t);
|
|
54
|
+
const y0 = yin - (j - t);
|
|
55
|
+
let i1, j1;
|
|
56
|
+
if (x0 > y0) {
|
|
57
|
+
i1 = 1;
|
|
58
|
+
j1 = 0;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
i1 = 0;
|
|
62
|
+
j1 = 1;
|
|
63
|
+
}
|
|
64
|
+
const x1 = x0 - i1 + G2;
|
|
65
|
+
const y1 = y0 - j1 + G2;
|
|
66
|
+
const x2 = x0 - 1 + 2 * G2;
|
|
67
|
+
const y2 = y0 - 1 + 2 * G2;
|
|
68
|
+
const ii = i & 255;
|
|
69
|
+
const jj = j & 255;
|
|
70
|
+
let n0 = 0, n1 = 0, n2 = 0;
|
|
71
|
+
let t0 = 0.5 - x0 * x0 - y0 * y0;
|
|
72
|
+
if (t0 >= 0) {
|
|
73
|
+
t0 *= t0;
|
|
74
|
+
n0 = t0 * t0 * dot2(grad3[permMod12[ii + perm[jj]]], x0, y0);
|
|
75
|
+
}
|
|
76
|
+
let t1 = 0.5 - x1 * x1 - y1 * y1;
|
|
77
|
+
if (t1 >= 0) {
|
|
78
|
+
t1 *= t1;
|
|
79
|
+
n1 = t1 * t1 * dot2(grad3[permMod12[ii + i1 + perm[jj + j1]]], x1, y1);
|
|
80
|
+
}
|
|
81
|
+
let t2 = 0.5 - x2 * x2 - y2 * y2;
|
|
82
|
+
if (t2 >= 0) {
|
|
83
|
+
t2 *= t2;
|
|
84
|
+
n2 = t2 * t2 * dot2(grad3[permMod12[ii + 1 + perm[jj + 1]]], x2, y2);
|
|
85
|
+
}
|
|
86
|
+
return 70 * (n0 + n1 + n2);
|
|
87
|
+
}
|
|
88
|
+
function noise3D(xin, yin, zin) {
|
|
89
|
+
const s = (xin + yin + zin) * F3;
|
|
90
|
+
const i = Math.floor(xin + s);
|
|
91
|
+
const j = Math.floor(yin + s);
|
|
92
|
+
const k = Math.floor(zin + s);
|
|
93
|
+
const t = (i + j + k) * G3;
|
|
94
|
+
const x0 = xin - (i - t);
|
|
95
|
+
const y0 = yin - (j - t);
|
|
96
|
+
const z0 = zin - (k - t);
|
|
97
|
+
let i1, j1, k1;
|
|
98
|
+
let i2, j2, k2;
|
|
99
|
+
if (x0 >= y0) {
|
|
100
|
+
if (y0 >= z0) {
|
|
101
|
+
i1 = 1;
|
|
102
|
+
j1 = 0;
|
|
103
|
+
k1 = 0;
|
|
104
|
+
i2 = 1;
|
|
105
|
+
j2 = 1;
|
|
106
|
+
k2 = 0;
|
|
107
|
+
}
|
|
108
|
+
else if (x0 >= z0) {
|
|
109
|
+
i1 = 1;
|
|
110
|
+
j1 = 0;
|
|
111
|
+
k1 = 0;
|
|
112
|
+
i2 = 1;
|
|
113
|
+
j2 = 0;
|
|
114
|
+
k2 = 1;
|
|
115
|
+
}
|
|
116
|
+
else {
|
|
117
|
+
i1 = 0;
|
|
118
|
+
j1 = 0;
|
|
119
|
+
k1 = 1;
|
|
120
|
+
i2 = 1;
|
|
121
|
+
j2 = 0;
|
|
122
|
+
k2 = 1;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
else {
|
|
126
|
+
if (y0 < z0) {
|
|
127
|
+
i1 = 0;
|
|
128
|
+
j1 = 0;
|
|
129
|
+
k1 = 1;
|
|
130
|
+
i2 = 0;
|
|
131
|
+
j2 = 1;
|
|
132
|
+
k2 = 1;
|
|
133
|
+
}
|
|
134
|
+
else if (x0 < z0) {
|
|
135
|
+
i1 = 0;
|
|
136
|
+
j1 = 1;
|
|
137
|
+
k1 = 0;
|
|
138
|
+
i2 = 0;
|
|
139
|
+
j2 = 1;
|
|
140
|
+
k2 = 1;
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
i1 = 0;
|
|
144
|
+
j1 = 1;
|
|
145
|
+
k1 = 0;
|
|
146
|
+
i2 = 1;
|
|
147
|
+
j2 = 1;
|
|
148
|
+
k2 = 0;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
const x1 = x0 - i1 + G3, y1 = y0 - j1 + G3, z1 = z0 - k1 + G3;
|
|
152
|
+
const x2 = x0 - i2 + 2 * G3, y2 = y0 - j2 + 2 * G3, z2 = z0 - k2 + 2 * G3;
|
|
153
|
+
const x3 = x0 - 1 + 3 * G3, y3 = y0 - 1 + 3 * G3, z3 = z0 - 1 + 3 * G3;
|
|
154
|
+
const ii = i & 255, jj = j & 255, kk = k & 255;
|
|
155
|
+
let n0 = 0, n1 = 0, n2 = 0, n3 = 0;
|
|
156
|
+
let t0 = 0.6 - x0 * x0 - y0 * y0 - z0 * z0;
|
|
157
|
+
if (t0 >= 0) {
|
|
158
|
+
t0 *= t0;
|
|
159
|
+
n0 = t0 * t0 * dot3(grad3[permMod12[ii + perm[jj + perm[kk]]]], x0, y0, z0);
|
|
160
|
+
}
|
|
161
|
+
let t1 = 0.6 - x1 * x1 - y1 * y1 - z1 * z1;
|
|
162
|
+
if (t1 >= 0) {
|
|
163
|
+
t1 *= t1;
|
|
164
|
+
n1 = t1 * t1 * dot3(grad3[permMod12[ii + i1 + perm[jj + j1 + perm[kk + k1]]]], x1, y1, z1);
|
|
165
|
+
}
|
|
166
|
+
let t2 = 0.6 - x2 * x2 - y2 * y2 - z2 * z2;
|
|
167
|
+
if (t2 >= 0) {
|
|
168
|
+
t2 *= t2;
|
|
169
|
+
n2 = t2 * t2 * dot3(grad3[permMod12[ii + i2 + perm[jj + j2 + perm[kk + k2]]]], x2, y2, z2);
|
|
170
|
+
}
|
|
171
|
+
let t3 = 0.6 - x3 * x3 - y3 * y3 - z3 * z3;
|
|
172
|
+
if (t3 >= 0) {
|
|
173
|
+
t3 *= t3;
|
|
174
|
+
n3 = t3 * t3 * dot3(grad3[permMod12[ii + 1 + perm[jj + 1 + perm[kk + 1]]]], x3, y3, z3);
|
|
175
|
+
}
|
|
176
|
+
return 32 * (n0 + n1 + n2 + n3);
|
|
177
|
+
}
|
|
178
|
+
function fbm2D(x, y, octaves = 6, lacunarity = 2, gain = 0.5) {
|
|
179
|
+
let sum = 0, amp = 1, freq = 1, max = 0;
|
|
180
|
+
for (let i = 0; i < octaves; i++) {
|
|
181
|
+
sum += noise2D(x * freq, y * freq) * amp;
|
|
182
|
+
max += amp;
|
|
183
|
+
amp *= gain;
|
|
184
|
+
freq *= lacunarity;
|
|
185
|
+
}
|
|
186
|
+
return sum / max;
|
|
187
|
+
}
|
|
188
|
+
return { noise2D, noise3D, fbm2D };
|
|
189
|
+
}
|
|
190
|
+
/**
|
|
191
|
+
* Render noise to a canvas as a greyscale or colored image.
|
|
192
|
+
* Returns a cleanup function (stops animation if animated).
|
|
193
|
+
*/
|
|
194
|
+
export function renderNoise(canvas, options = {}) {
|
|
195
|
+
const { scale = 0.005, octaves = 4, seed, colorize, animate = false, speed = 0.001, } = options;
|
|
196
|
+
const el = typeof canvas === 'string'
|
|
197
|
+
? document.querySelector(canvas)
|
|
198
|
+
: canvas;
|
|
199
|
+
const ctx = el.getContext('2d');
|
|
200
|
+
const noise = createNoise({ seed });
|
|
201
|
+
let rafId = 0;
|
|
202
|
+
let time = 0;
|
|
203
|
+
function render() {
|
|
204
|
+
const w = el.width;
|
|
205
|
+
const h = el.height;
|
|
206
|
+
const imgData = ctx.createImageData(w, h);
|
|
207
|
+
const data = imgData.data;
|
|
208
|
+
for (let y = 0; y < h; y++) {
|
|
209
|
+
for (let x = 0; x < w; x++) {
|
|
210
|
+
const v = noise.fbm2D(x * scale + time, y * scale + time, octaves);
|
|
211
|
+
const normalized = (v + 1) * 0.5; // 0..1
|
|
212
|
+
const idx = (y * w + x) * 4;
|
|
213
|
+
if (colorize) {
|
|
214
|
+
const [r, g, b, a] = colorize(normalized);
|
|
215
|
+
data[idx] = r;
|
|
216
|
+
data[idx + 1] = g;
|
|
217
|
+
data[idx + 2] = b;
|
|
218
|
+
data[idx + 3] = a;
|
|
219
|
+
}
|
|
220
|
+
else {
|
|
221
|
+
const c = Math.floor(normalized * 255);
|
|
222
|
+
data[idx] = c;
|
|
223
|
+
data[idx + 1] = c;
|
|
224
|
+
data[idx + 2] = c;
|
|
225
|
+
data[idx + 3] = 255;
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
ctx.putImageData(imgData, 0, 0);
|
|
230
|
+
if (animate) {
|
|
231
|
+
time += speed;
|
|
232
|
+
rafId = requestAnimationFrame(render);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
render();
|
|
236
|
+
return () => {
|
|
237
|
+
if (rafId)
|
|
238
|
+
cancelAnimationFrame(rafId);
|
|
239
|
+
};
|
|
240
|
+
}
|
|
241
|
+
//# sourceMappingURL=noise.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"noise.js","sourceRoot":"","sources":["../../src/canvas/noise.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Particle System
|
|
3
|
+
*
|
|
4
|
+
* Configurable canvas-based particle effects with gravity, wind,
|
|
5
|
+
* emitters, and optional connections between particles.
|
|
6
|
+
*/
|
|
7
|
+
export interface ParticleOptions {
|
|
8
|
+
/** Number of particles. Default: 80 */
|
|
9
|
+
count?: number;
|
|
10
|
+
/** Min particle radius. Default: 1 */
|
|
11
|
+
minRadius?: number;
|
|
12
|
+
/** Max particle radius. Default: 3 */
|
|
13
|
+
maxRadius?: number;
|
|
14
|
+
/** Particle color. Default: 'rgba(255,255,255,0.6)' */
|
|
15
|
+
color?: string;
|
|
16
|
+
/** Particle speed multiplier. Default: 1 */
|
|
17
|
+
speed?: number;
|
|
18
|
+
/** Gravity force (positive = down). Default: 0 */
|
|
19
|
+
gravity?: number;
|
|
20
|
+
/** Wind force (positive = right). Default: 0 */
|
|
21
|
+
wind?: number;
|
|
22
|
+
/** Draw lines between nearby particles. Default: false */
|
|
23
|
+
connect?: boolean;
|
|
24
|
+
/** Max distance for connections in px. Default: 120 */
|
|
25
|
+
connectDistance?: number;
|
|
26
|
+
/** Connection line color. Default: 'rgba(255,255,255,0.1)' */
|
|
27
|
+
connectColor?: string;
|
|
28
|
+
/** Mouse attraction radius in px. Default: 0 (disabled) */
|
|
29
|
+
mouseAttract?: number;
|
|
30
|
+
/** Mouse attraction force. Default: 0.02 */
|
|
31
|
+
mouseForce?: number;
|
|
32
|
+
/** Particle shape. Default: 'circle' */
|
|
33
|
+
shape?: 'circle' | 'square';
|
|
34
|
+
/** Particles fade in/out at edges. Default: true */
|
|
35
|
+
fadeEdges?: boolean;
|
|
36
|
+
/** Background color. Default: 'transparent' */
|
|
37
|
+
background?: string;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Create a particle system on a canvas element.
|
|
41
|
+
* Returns a cleanup function.
|
|
42
|
+
*/
|
|
43
|
+
export declare function particles(canvas: string | HTMLCanvasElement, options?: ParticleOptions): () => void;
|
|
44
|
+
//# sourceMappingURL=particles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"particles.d.ts","sourceRoot":"","sources":["../../src/canvas/particles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AASD;;;GAGG;AACH,wBAAgB,SAAS,CACvB,MAAM,EAAE,MAAM,GAAG,iBAAiB,EAClC,OAAO,GAAE,eAAoB,GAC5B,MAAM,IAAI,CA6JZ"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Particle System
|
|
3
|
+
*
|
|
4
|
+
* Configurable canvas-based particle effects with gravity, wind,
|
|
5
|
+
* emitters, and optional connections between particles.
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Create a particle system on a canvas element.
|
|
9
|
+
* Returns a cleanup function.
|
|
10
|
+
*/
|
|
11
|
+
export function particles(canvas, options = {}) {
|
|
12
|
+
const { count = 80, minRadius = 1, maxRadius = 3, color = 'rgba(255,255,255,0.6)', speed = 1, gravity = 0, wind = 0, connect = false, connectDistance = 120, connectColor = 'rgba(255,255,255,0.1)', mouseAttract = 0, mouseForce = 0.02, shape = 'circle', fadeEdges = true, background = 'transparent', } = options;
|
|
13
|
+
const el = typeof canvas === 'string'
|
|
14
|
+
? document.querySelector(canvas)
|
|
15
|
+
: canvas;
|
|
16
|
+
const ctx = el.getContext('2d');
|
|
17
|
+
let w = el.offsetWidth;
|
|
18
|
+
let h = el.offsetHeight;
|
|
19
|
+
let dpr = window.devicePixelRatio || 1;
|
|
20
|
+
let mouseX = -9999, mouseY = -9999;
|
|
21
|
+
let rafId = 0;
|
|
22
|
+
function resize() {
|
|
23
|
+
w = el.offsetWidth;
|
|
24
|
+
h = el.offsetHeight;
|
|
25
|
+
dpr = window.devicePixelRatio || 1;
|
|
26
|
+
el.width = w * dpr;
|
|
27
|
+
el.height = h * dpr;
|
|
28
|
+
ctx.scale(dpr, dpr);
|
|
29
|
+
}
|
|
30
|
+
resize();
|
|
31
|
+
function rand(min, max) {
|
|
32
|
+
return min + Math.random() * (max - min);
|
|
33
|
+
}
|
|
34
|
+
const items = [];
|
|
35
|
+
for (let i = 0; i < count; i++) {
|
|
36
|
+
items.push({
|
|
37
|
+
x: rand(0, w),
|
|
38
|
+
y: rand(0, h),
|
|
39
|
+
vx: rand(-0.5, 0.5) * speed,
|
|
40
|
+
vy: rand(-0.5, 0.5) * speed,
|
|
41
|
+
r: rand(minRadius, maxRadius),
|
|
42
|
+
opacity: rand(0.3, 1),
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function draw() {
|
|
46
|
+
ctx.clearRect(0, 0, w, h);
|
|
47
|
+
if (background !== 'transparent') {
|
|
48
|
+
ctx.fillStyle = background;
|
|
49
|
+
ctx.fillRect(0, 0, w, h);
|
|
50
|
+
}
|
|
51
|
+
// Update & draw particles
|
|
52
|
+
for (const p of items) {
|
|
53
|
+
p.vy += gravity * 0.01;
|
|
54
|
+
p.vx += wind * 0.01;
|
|
55
|
+
// Mouse attraction
|
|
56
|
+
if (mouseAttract > 0) {
|
|
57
|
+
const dx = mouseX - p.x;
|
|
58
|
+
const dy = mouseY - p.y;
|
|
59
|
+
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
60
|
+
if (dist < mouseAttract && dist > 0) {
|
|
61
|
+
p.vx += (dx / dist) * mouseForce;
|
|
62
|
+
p.vy += (dy / dist) * mouseForce;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
p.x += p.vx;
|
|
66
|
+
p.y += p.vy;
|
|
67
|
+
// Wrap around edges
|
|
68
|
+
if (p.x < -p.r)
|
|
69
|
+
p.x = w + p.r;
|
|
70
|
+
if (p.x > w + p.r)
|
|
71
|
+
p.x = -p.r;
|
|
72
|
+
if (p.y < -p.r)
|
|
73
|
+
p.y = h + p.r;
|
|
74
|
+
if (p.y > h + p.r)
|
|
75
|
+
p.y = -p.r;
|
|
76
|
+
// Edge fade
|
|
77
|
+
let alpha = p.opacity;
|
|
78
|
+
if (fadeEdges) {
|
|
79
|
+
const edgeDist = Math.min(p.x, p.y, w - p.x, h - p.y);
|
|
80
|
+
if (edgeDist < 40)
|
|
81
|
+
alpha *= edgeDist / 40;
|
|
82
|
+
}
|
|
83
|
+
ctx.globalAlpha = alpha;
|
|
84
|
+
ctx.fillStyle = color;
|
|
85
|
+
if (shape === 'square') {
|
|
86
|
+
ctx.fillRect(p.x - p.r, p.y - p.r, p.r * 2, p.r * 2);
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
ctx.beginPath();
|
|
90
|
+
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
|
|
91
|
+
ctx.fill();
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
// Connections
|
|
95
|
+
if (connect) {
|
|
96
|
+
ctx.lineWidth = 0.5;
|
|
97
|
+
for (let i = 0; i < items.length; i++) {
|
|
98
|
+
for (let j = i + 1; j < items.length; j++) {
|
|
99
|
+
const dx = items[i].x - items[j].x;
|
|
100
|
+
const dy = items[i].y - items[j].y;
|
|
101
|
+
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
102
|
+
if (dist < connectDistance) {
|
|
103
|
+
ctx.globalAlpha = 1 - dist / connectDistance;
|
|
104
|
+
ctx.strokeStyle = connectColor;
|
|
105
|
+
ctx.beginPath();
|
|
106
|
+
ctx.moveTo(items[i].x, items[i].y);
|
|
107
|
+
ctx.lineTo(items[j].x, items[j].y);
|
|
108
|
+
ctx.stroke();
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
ctx.globalAlpha = 1;
|
|
114
|
+
rafId = requestAnimationFrame(draw);
|
|
115
|
+
}
|
|
116
|
+
function onMouse(e) {
|
|
117
|
+
const rect = el.getBoundingClientRect();
|
|
118
|
+
mouseX = e.clientX - rect.left;
|
|
119
|
+
mouseY = e.clientY - rect.top;
|
|
120
|
+
}
|
|
121
|
+
function onMouseLeave() {
|
|
122
|
+
mouseX = -9999;
|
|
123
|
+
mouseY = -9999;
|
|
124
|
+
}
|
|
125
|
+
window.addEventListener('resize', resize);
|
|
126
|
+
if (mouseAttract > 0) {
|
|
127
|
+
el.addEventListener('mousemove', onMouse);
|
|
128
|
+
el.addEventListener('mouseleave', onMouseLeave);
|
|
129
|
+
}
|
|
130
|
+
rafId = requestAnimationFrame(draw);
|
|
131
|
+
return () => {
|
|
132
|
+
cancelAnimationFrame(rafId);
|
|
133
|
+
window.removeEventListener('resize', resize);
|
|
134
|
+
el.removeEventListener('mousemove', onMouse);
|
|
135
|
+
el.removeEventListener('mouseleave', onMouseLeave);
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=particles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"particles.js","sourceRoot":"","sources":["../../src/canvas/particles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Canvas Image Sequence
|
|
3
|
+
*
|
|
4
|
+
* Scroll-driven image sequence playback, inspired by Proto.xyz / Apple-style
|
|
5
|
+
* scroll-linked animations. Preloads a sequence of images and renders them
|
|
6
|
+
* to a canvas, with the current frame determined by scroll position.
|
|
7
|
+
*/
|
|
8
|
+
export interface SequenceOptions {
|
|
9
|
+
/** Container element — the canvas will be created inside this */
|
|
10
|
+
container: HTMLElement;
|
|
11
|
+
/** Array of image URLs in order */
|
|
12
|
+
images: string[];
|
|
13
|
+
/** Scroll container. Default: window */
|
|
14
|
+
scrollContainer?: HTMLElement | Window;
|
|
15
|
+
/** Scroll start position (0-1 of page). Default: 0 */
|
|
16
|
+
scrollStart?: number;
|
|
17
|
+
/** Scroll end position (0-1 of page). Default: 1 */
|
|
18
|
+
scrollEnd?: number;
|
|
19
|
+
/** Whether to make canvas cover the container. Default: true */
|
|
20
|
+
cover?: boolean;
|
|
21
|
+
/** Whether container should be sticky. Default: false (user manages layout) */
|
|
22
|
+
sticky?: boolean;
|
|
23
|
+
/** Object-fit for images. Default: 'cover' */
|
|
24
|
+
fit?: 'cover' | 'contain' | 'fill';
|
|
25
|
+
/** Callback when all images are loaded */
|
|
26
|
+
onLoad?: () => void;
|
|
27
|
+
/** Callback with current frame index */
|
|
28
|
+
onFrame?: (index: number) => void;
|
|
29
|
+
}
|
|
30
|
+
export interface SequenceInstance {
|
|
31
|
+
/** Current frame index */
|
|
32
|
+
readonly currentFrame: number;
|
|
33
|
+
/** Total frames loaded */
|
|
34
|
+
readonly totalFrames: number;
|
|
35
|
+
/** Loading progress 0-1 */
|
|
36
|
+
readonly progress: number;
|
|
37
|
+
/** Jump to a specific frame */
|
|
38
|
+
setFrame(index: number): void;
|
|
39
|
+
/** Destroy and clean up */
|
|
40
|
+
destroy(): void;
|
|
41
|
+
}
|
|
42
|
+
export declare function createSequence(options: SequenceOptions): SequenceInstance;
|
|
43
|
+
//# sourceMappingURL=sequence.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sequence.d.ts","sourceRoot":"","sources":["../../src/canvas/sequence.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,SAAS,EAAE,WAAW,CAAC;IACvB,mCAAmC;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wCAAwC;IACxC,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACvC,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACnC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,0BAA0B;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,2BAA2B;IAC3B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,eAAe,GAAG,gBAAgB,CA2KzE"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Canvas Image Sequence
|
|
3
|
+
*
|
|
4
|
+
* Scroll-driven image sequence playback, inspired by Proto.xyz / Apple-style
|
|
5
|
+
* scroll-linked animations. Preloads a sequence of images and renders them
|
|
6
|
+
* to a canvas, with the current frame determined by scroll position.
|
|
7
|
+
*/
|
|
8
|
+
export function createSequence(options) {
|
|
9
|
+
const { container, images, scrollContainer = window, scrollStart = 0, scrollEnd = 1, cover = true, sticky = false, fit = 'cover', onLoad, onFrame, } = options;
|
|
10
|
+
const canvas = document.createElement('canvas');
|
|
11
|
+
const ctx = canvas.getContext('2d');
|
|
12
|
+
const loadedImages = [];
|
|
13
|
+
let currentFrame = 0;
|
|
14
|
+
let loadedCount = 0;
|
|
15
|
+
let destroyed = false;
|
|
16
|
+
let rafId = 0;
|
|
17
|
+
// Style canvas
|
|
18
|
+
canvas.style.display = 'block';
|
|
19
|
+
if (cover) {
|
|
20
|
+
canvas.style.width = '100%';
|
|
21
|
+
canvas.style.height = '100%';
|
|
22
|
+
canvas.style.position = 'absolute';
|
|
23
|
+
canvas.style.top = '0';
|
|
24
|
+
canvas.style.left = '0';
|
|
25
|
+
}
|
|
26
|
+
if (sticky) {
|
|
27
|
+
container.style.position = 'sticky';
|
|
28
|
+
container.style.top = '0';
|
|
29
|
+
}
|
|
30
|
+
container.appendChild(canvas);
|
|
31
|
+
// Resize observer
|
|
32
|
+
const resize = () => {
|
|
33
|
+
const rect = container.getBoundingClientRect();
|
|
34
|
+
const dpr = window.devicePixelRatio || 1;
|
|
35
|
+
canvas.width = rect.width * dpr;
|
|
36
|
+
canvas.height = rect.height * dpr;
|
|
37
|
+
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
|
38
|
+
drawFrame(currentFrame);
|
|
39
|
+
};
|
|
40
|
+
const resizeObserver = new ResizeObserver(resize);
|
|
41
|
+
resizeObserver.observe(container);
|
|
42
|
+
resize();
|
|
43
|
+
// Preload images
|
|
44
|
+
for (let i = 0; i < images.length; i++) {
|
|
45
|
+
const img = new Image();
|
|
46
|
+
img.crossOrigin = 'anonymous';
|
|
47
|
+
loadedImages[i] = img;
|
|
48
|
+
img.onload = () => {
|
|
49
|
+
loadedCount++;
|
|
50
|
+
if (loadedCount === images.length) {
|
|
51
|
+
onLoad?.();
|
|
52
|
+
drawFrame(currentFrame);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
img.src = images[i];
|
|
56
|
+
}
|
|
57
|
+
// Draw a specific frame
|
|
58
|
+
function drawFrame(index) {
|
|
59
|
+
if (destroyed)
|
|
60
|
+
return;
|
|
61
|
+
const img = loadedImages[index];
|
|
62
|
+
if (!img?.complete || !img.naturalWidth)
|
|
63
|
+
return;
|
|
64
|
+
const cw = canvas.width / (window.devicePixelRatio || 1);
|
|
65
|
+
const ch = canvas.height / (window.devicePixelRatio || 1);
|
|
66
|
+
ctx.clearRect(0, 0, cw, ch);
|
|
67
|
+
if (fit === 'fill') {
|
|
68
|
+
ctx.drawImage(img, 0, 0, cw, ch);
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
const imgRatio = img.naturalWidth / img.naturalHeight;
|
|
72
|
+
const canvasRatio = cw / ch;
|
|
73
|
+
let sw, sh, sx, sy;
|
|
74
|
+
if (fit === 'cover') {
|
|
75
|
+
if (imgRatio > canvasRatio) {
|
|
76
|
+
sh = img.naturalHeight;
|
|
77
|
+
sw = sh * canvasRatio;
|
|
78
|
+
sx = (img.naturalWidth - sw) / 2;
|
|
79
|
+
sy = 0;
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
sw = img.naturalWidth;
|
|
83
|
+
sh = sw / canvasRatio;
|
|
84
|
+
sx = 0;
|
|
85
|
+
sy = (img.naturalHeight - sh) / 2;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
// contain
|
|
90
|
+
if (imgRatio > canvasRatio) {
|
|
91
|
+
const drawW = cw;
|
|
92
|
+
const drawH = cw / imgRatio;
|
|
93
|
+
ctx.drawImage(img, 0, (ch - drawH) / 2, drawW, drawH);
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
const drawH = ch;
|
|
98
|
+
const drawW = ch * imgRatio;
|
|
99
|
+
ctx.drawImage(img, (cw - drawW) / 2, 0, drawW, drawH);
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
ctx.drawImage(img, sx, sy, sw, sh, 0, 0, cw, ch);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
// Scroll handler
|
|
107
|
+
function getScrollProgress() {
|
|
108
|
+
const scrollEl = scrollContainer === window
|
|
109
|
+
? document.documentElement
|
|
110
|
+
: scrollContainer;
|
|
111
|
+
const scrollTop = scrollContainer === window
|
|
112
|
+
? window.scrollY
|
|
113
|
+
: scrollEl.scrollTop;
|
|
114
|
+
const scrollHeight = scrollEl.scrollHeight - scrollEl.clientHeight;
|
|
115
|
+
if (scrollHeight <= 0)
|
|
116
|
+
return 0;
|
|
117
|
+
const rawProgress = scrollTop / scrollHeight;
|
|
118
|
+
const range = scrollEnd - scrollStart;
|
|
119
|
+
if (range <= 0)
|
|
120
|
+
return 0;
|
|
121
|
+
return Math.max(0, Math.min(1, (rawProgress - scrollStart) / range));
|
|
122
|
+
}
|
|
123
|
+
function onScroll() {
|
|
124
|
+
if (destroyed)
|
|
125
|
+
return;
|
|
126
|
+
rafId = requestAnimationFrame(() => {
|
|
127
|
+
const progress = getScrollProgress();
|
|
128
|
+
const frame = Math.min(Math.floor(progress * images.length), images.length - 1);
|
|
129
|
+
if (frame !== currentFrame) {
|
|
130
|
+
currentFrame = frame;
|
|
131
|
+
drawFrame(currentFrame);
|
|
132
|
+
onFrame?.(currentFrame);
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
scrollContainer.addEventListener('scroll', onScroll, { passive: true });
|
|
137
|
+
// Initial frame
|
|
138
|
+
onScroll();
|
|
139
|
+
return {
|
|
140
|
+
get currentFrame() { return currentFrame; },
|
|
141
|
+
get totalFrames() { return images.length; },
|
|
142
|
+
get progress() { return loadedCount / images.length; },
|
|
143
|
+
setFrame(index) {
|
|
144
|
+
const clamped = Math.max(0, Math.min(index, images.length - 1));
|
|
145
|
+
currentFrame = clamped;
|
|
146
|
+
drawFrame(currentFrame);
|
|
147
|
+
onFrame?.(currentFrame);
|
|
148
|
+
},
|
|
149
|
+
destroy() {
|
|
150
|
+
destroyed = true;
|
|
151
|
+
cancelAnimationFrame(rafId);
|
|
152
|
+
scrollContainer.removeEventListener('scroll', onScroll);
|
|
153
|
+
resizeObserver.disconnect();
|
|
154
|
+
canvas.remove();
|
|
155
|
+
if (sticky) {
|
|
156
|
+
container.style.position = '';
|
|
157
|
+
container.style.top = '';
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
//# sourceMappingURL=sequence.js.map
|