@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,164 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Text Reveal
|
|
3
|
+
*
|
|
4
|
+
* Scroll-triggered staggered text entrance — words or lines
|
|
5
|
+
* slide up one by one as the element enters the viewport.
|
|
6
|
+
*/
|
|
7
|
+
import { observe } from './scroll-observer';
|
|
8
|
+
/* ---- Injected styles ---- */
|
|
9
|
+
const STYLE_ID = 'nova-text-reveal-styles';
|
|
10
|
+
function injectStyles() {
|
|
11
|
+
if (document.getElementById(STYLE_ID))
|
|
12
|
+
return;
|
|
13
|
+
const s = document.createElement('style');
|
|
14
|
+
s.id = STYLE_ID;
|
|
15
|
+
s.textContent = `
|
|
16
|
+
.nova-reveal-unit {
|
|
17
|
+
display: inline-block;
|
|
18
|
+
opacity: 0;
|
|
19
|
+
transform: translateY(var(--nova-reveal-distance, 20px));
|
|
20
|
+
transition: opacity var(--nova-reveal-duration, 600ms) var(--nova-reveal-easing, cubic-bezier(0.16, 1, 0.3, 1)),
|
|
21
|
+
transform var(--nova-reveal-duration, 600ms) var(--nova-reveal-easing, cubic-bezier(0.16, 1, 0.3, 1));
|
|
22
|
+
will-change: opacity, transform;
|
|
23
|
+
}
|
|
24
|
+
.nova-reveal--visible .nova-reveal-unit {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
transform: translateY(0);
|
|
27
|
+
}
|
|
28
|
+
@media (prefers-reduced-motion: reduce) {
|
|
29
|
+
.nova-reveal-unit {
|
|
30
|
+
transition: none !important;
|
|
31
|
+
opacity: 1 !important;
|
|
32
|
+
transform: none !important;
|
|
33
|
+
}
|
|
34
|
+
}`;
|
|
35
|
+
document.head.appendChild(s);
|
|
36
|
+
}
|
|
37
|
+
/* ---- Helpers ---- */
|
|
38
|
+
const DATA_ORIGINAL = 'data-nova-reveal-original';
|
|
39
|
+
/** Wrap each word in a span, preserving whitespace between words. */
|
|
40
|
+
function splitWords(el) {
|
|
41
|
+
const text = el.textContent || '';
|
|
42
|
+
const words = text.split(/(\s+)/);
|
|
43
|
+
// Save original text content for safe restoration
|
|
44
|
+
el.setAttribute(DATA_ORIGINAL, text);
|
|
45
|
+
// Clear using DOM methods and rebuild with spans
|
|
46
|
+
while (el.firstChild)
|
|
47
|
+
el.removeChild(el.firstChild);
|
|
48
|
+
const units = [];
|
|
49
|
+
for (const segment of words) {
|
|
50
|
+
if (/^\s+$/.test(segment)) {
|
|
51
|
+
el.appendChild(document.createTextNode(segment));
|
|
52
|
+
}
|
|
53
|
+
else if (segment.length > 0) {
|
|
54
|
+
const span = document.createElement('span');
|
|
55
|
+
span.className = 'nova-reveal-unit';
|
|
56
|
+
span.textContent = segment;
|
|
57
|
+
el.appendChild(span);
|
|
58
|
+
units.push(span);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
return units;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Split by visual lines: first split into words, measure which
|
|
65
|
+
* words share the same offsetTop, then group them into line spans.
|
|
66
|
+
*/
|
|
67
|
+
function splitLines(el) {
|
|
68
|
+
// First pass: wrap each word to measure positions
|
|
69
|
+
const words = splitWords(el);
|
|
70
|
+
if (words.length === 0)
|
|
71
|
+
return [];
|
|
72
|
+
// Force layout to read offsetTop
|
|
73
|
+
const lineGroups = [[]];
|
|
74
|
+
let currentTop = words[0].offsetTop;
|
|
75
|
+
for (const word of words) {
|
|
76
|
+
if (Math.abs(word.offsetTop - currentTop) > 2) {
|
|
77
|
+
lineGroups.push([]);
|
|
78
|
+
currentTop = word.offsetTop;
|
|
79
|
+
}
|
|
80
|
+
lineGroups[lineGroups.length - 1].push(word);
|
|
81
|
+
}
|
|
82
|
+
// Second pass: re-wrap into line-level units
|
|
83
|
+
const savedText = el.getAttribute(DATA_ORIGINAL) || '';
|
|
84
|
+
while (el.firstChild)
|
|
85
|
+
el.removeChild(el.firstChild);
|
|
86
|
+
const lineUnits = [];
|
|
87
|
+
for (let i = 0; i < lineGroups.length; i++) {
|
|
88
|
+
const lineSpan = document.createElement('span');
|
|
89
|
+
lineSpan.className = 'nova-reveal-unit';
|
|
90
|
+
for (let j = 0; j < lineGroups[i].length; j++) {
|
|
91
|
+
if (j > 0)
|
|
92
|
+
lineSpan.appendChild(document.createTextNode(' '));
|
|
93
|
+
lineSpan.appendChild(document.createTextNode(lineGroups[i][j].textContent || ''));
|
|
94
|
+
}
|
|
95
|
+
el.appendChild(lineSpan);
|
|
96
|
+
lineUnits.push(lineSpan);
|
|
97
|
+
if (i < lineGroups.length - 1) {
|
|
98
|
+
el.appendChild(document.createTextNode(' '));
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
// Keep the saved original text attribute
|
|
102
|
+
el.setAttribute(DATA_ORIGINAL, savedText);
|
|
103
|
+
return lineUnits;
|
|
104
|
+
}
|
|
105
|
+
/** Restore element to its original text content. */
|
|
106
|
+
function restore(el) {
|
|
107
|
+
const original = el.getAttribute(DATA_ORIGINAL);
|
|
108
|
+
if (original != null) {
|
|
109
|
+
while (el.firstChild)
|
|
110
|
+
el.removeChild(el.firstChild);
|
|
111
|
+
el.appendChild(document.createTextNode(original));
|
|
112
|
+
el.removeAttribute(DATA_ORIGINAL);
|
|
113
|
+
}
|
|
114
|
+
el.classList.remove('nova-reveal--visible');
|
|
115
|
+
el.style.removeProperty('--nova-reveal-distance');
|
|
116
|
+
el.style.removeProperty('--nova-reveal-duration');
|
|
117
|
+
el.style.removeProperty('--nova-reveal-easing');
|
|
118
|
+
}
|
|
119
|
+
/* ---- Main export ---- */
|
|
120
|
+
/**
|
|
121
|
+
* Apply scroll-triggered staggered text reveal to elements.
|
|
122
|
+
* Returns a cleanup function that restores original DOM.
|
|
123
|
+
*/
|
|
124
|
+
export function textReveal(selector, options = {}) {
|
|
125
|
+
const { split = 'word', stagger = 50, distance = 20, duration = 600, easing = 'cubic-bezier(0.16, 1, 0.3, 1)', threshold = 0.15, rootMargin = '0px', once = true, } = options;
|
|
126
|
+
injectStyles();
|
|
127
|
+
const targets = typeof selector === 'string'
|
|
128
|
+
? Array.from(document.querySelectorAll(selector))
|
|
129
|
+
: selector instanceof Element
|
|
130
|
+
? [selector]
|
|
131
|
+
: selector;
|
|
132
|
+
const tracked = [];
|
|
133
|
+
const cleanups = [];
|
|
134
|
+
for (const el of targets) {
|
|
135
|
+
tracked.push(el);
|
|
136
|
+
// Set CSS custom properties for this element
|
|
137
|
+
el.style.setProperty('--nova-reveal-distance', `${distance}px`);
|
|
138
|
+
el.style.setProperty('--nova-reveal-duration', `${duration}ms`);
|
|
139
|
+
el.style.setProperty('--nova-reveal-easing', easing);
|
|
140
|
+
// Split text into animated units
|
|
141
|
+
const units = split === 'line' ? splitLines(el) : splitWords(el);
|
|
142
|
+
// Apply staggered transition-delay to each unit
|
|
143
|
+
for (let i = 0; i < units.length; i++) {
|
|
144
|
+
units[i].style.transitionDelay = `${i * stagger}ms`;
|
|
145
|
+
}
|
|
146
|
+
// Observe for scroll entry
|
|
147
|
+
const unobserve = observe(el, {
|
|
148
|
+
threshold,
|
|
149
|
+
rootMargin,
|
|
150
|
+
once,
|
|
151
|
+
onEnter: () => el.classList.add('nova-reveal--visible'),
|
|
152
|
+
onLeave: once ? undefined : () => el.classList.remove('nova-reveal--visible'),
|
|
153
|
+
});
|
|
154
|
+
cleanups.push(unobserve);
|
|
155
|
+
}
|
|
156
|
+
// Cleanup: restore original DOM and remove observers
|
|
157
|
+
return () => {
|
|
158
|
+
for (const fn of cleanups)
|
|
159
|
+
fn();
|
|
160
|
+
for (const el of tracked)
|
|
161
|
+
restore(el);
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
//# sourceMappingURL=text-reveal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-reveal.js","sourceRoot":"","sources":["../../src/animation/text-reveal.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Ticker
|
|
3
|
+
*
|
|
4
|
+
* Single global requestAnimationFrame loop. All animation modules
|
|
5
|
+
* subscribe to this instead of running their own rAF loops.
|
|
6
|
+
*/
|
|
7
|
+
export type TickCallback = (delta: number, elapsed: number) => void;
|
|
8
|
+
declare class NovaTicker {
|
|
9
|
+
private callbacks;
|
|
10
|
+
private running;
|
|
11
|
+
private rafId;
|
|
12
|
+
private lastTime;
|
|
13
|
+
private elapsed;
|
|
14
|
+
/** Add a named callback to the loop */
|
|
15
|
+
add(id: string, callback: TickCallback): void;
|
|
16
|
+
/** Remove a callback by id */
|
|
17
|
+
remove(id: string): void;
|
|
18
|
+
/** Check if a callback exists */
|
|
19
|
+
has(id: string): boolean;
|
|
20
|
+
/** Start the loop */
|
|
21
|
+
private start;
|
|
22
|
+
/** Stop the loop */
|
|
23
|
+
private stop;
|
|
24
|
+
/** The frame loop */
|
|
25
|
+
private tick;
|
|
26
|
+
/** Destroy the ticker */
|
|
27
|
+
destroy(): void;
|
|
28
|
+
}
|
|
29
|
+
/** Global ticker singleton */
|
|
30
|
+
export declare const ticker: NovaTicker;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=ticker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ticker.d.ts","sourceRoot":"","sources":["../../src/animation/ticker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;AAEpE,cAAM,UAAU;IACd,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,OAAO,CAAK;IAEpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAK7C,8BAA8B;IAC9B,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAKxB,iCAAiC;IACjC,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIxB,qBAAqB;IACrB,OAAO,CAAC,KAAK;IAOb,oBAAoB;IACpB,OAAO,CAAC,IAAI;IAKZ,qBAAqB;IACrB,OAAO,CAAC,IAAI;IAcZ,yBAAyB;IACzB,OAAO,IAAI,IAAI;CAIhB;AAED,8BAA8B;AAC9B,eAAO,MAAM,MAAM,YAAmB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Ticker
|
|
3
|
+
*
|
|
4
|
+
* Single global requestAnimationFrame loop. All animation modules
|
|
5
|
+
* subscribe to this instead of running their own rAF loops.
|
|
6
|
+
*/
|
|
7
|
+
class NovaTicker {
|
|
8
|
+
callbacks = new Map();
|
|
9
|
+
running = false;
|
|
10
|
+
rafId = 0;
|
|
11
|
+
lastTime = 0;
|
|
12
|
+
elapsed = 0;
|
|
13
|
+
/** Add a named callback to the loop */
|
|
14
|
+
add(id, callback) {
|
|
15
|
+
this.callbacks.set(id, callback);
|
|
16
|
+
if (!this.running)
|
|
17
|
+
this.start();
|
|
18
|
+
}
|
|
19
|
+
/** Remove a callback by id */
|
|
20
|
+
remove(id) {
|
|
21
|
+
this.callbacks.delete(id);
|
|
22
|
+
if (this.callbacks.size === 0)
|
|
23
|
+
this.stop();
|
|
24
|
+
}
|
|
25
|
+
/** Check if a callback exists */
|
|
26
|
+
has(id) {
|
|
27
|
+
return this.callbacks.has(id);
|
|
28
|
+
}
|
|
29
|
+
/** Start the loop */
|
|
30
|
+
start() {
|
|
31
|
+
if (this.running)
|
|
32
|
+
return;
|
|
33
|
+
this.running = true;
|
|
34
|
+
this.lastTime = performance.now();
|
|
35
|
+
this.rafId = requestAnimationFrame((t) => this.tick(t));
|
|
36
|
+
}
|
|
37
|
+
/** Stop the loop */
|
|
38
|
+
stop() {
|
|
39
|
+
this.running = false;
|
|
40
|
+
cancelAnimationFrame(this.rafId);
|
|
41
|
+
}
|
|
42
|
+
/** The frame loop */
|
|
43
|
+
tick(time) {
|
|
44
|
+
if (!this.running)
|
|
45
|
+
return;
|
|
46
|
+
const delta = Math.min((time - this.lastTime) / 1000, 0.1); // Cap at 100ms to prevent jumps
|
|
47
|
+
this.lastTime = time;
|
|
48
|
+
this.elapsed += delta;
|
|
49
|
+
for (const cb of this.callbacks.values()) {
|
|
50
|
+
cb(delta, this.elapsed);
|
|
51
|
+
}
|
|
52
|
+
this.rafId = requestAnimationFrame((t) => this.tick(t));
|
|
53
|
+
}
|
|
54
|
+
/** Destroy the ticker */
|
|
55
|
+
destroy() {
|
|
56
|
+
this.stop();
|
|
57
|
+
this.callbacks.clear();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
/** Global ticker singleton */
|
|
61
|
+
export const ticker = new NovaTicker();
|
|
62
|
+
//# sourceMappingURL=ticker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ticker.js","sourceRoot":"","sources":["../../src/animation/ticker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,UAAU;IACN,SAAS,GAAG,IAAI,GAAG,EAAwB,CAAC;IAC5C,OAAO,GAAG,KAAK,CAAC;IAChB,KAAK,GAAG,CAAC,CAAC;IACV,QAAQ,GAAG,CAAC,CAAC;IACb,OAAO,GAAG,CAAC,CAAC;IAEpB,uCAAuC;IACvC,GAAG,CAAC,EAAU,EAAE,QAAsB;QACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,8BAA8B;IAC9B,MAAM,CAAC,EAAU;QACf,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC;YAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC7C,CAAC;IAED,iCAAiC;IACjC,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;IAED,qBAAqB;IACb,KAAK;QACX,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAClC,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,oBAAoB;IACZ,IAAI;QACV,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,qBAAqB;IACb,IAAI,CAAC,IAAY;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,gCAAgC;QAC5F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC;QAEtB,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;YACzC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,yBAAyB;IACzB,OAAO;QACL,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;CACF;AAED,8BAA8B;AAC9B,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Dot Grid Canvas
|
|
3
|
+
*
|
|
4
|
+
* Animated dot-grid background inspired by proto.xyz.
|
|
5
|
+
* Dots subtly glow when the mouse is nearby.
|
|
6
|
+
*/
|
|
7
|
+
interface DotGridOptions {
|
|
8
|
+
/** Container element to attach the canvas to */
|
|
9
|
+
container: HTMLElement;
|
|
10
|
+
/** Space between dots in px. Default: 32 */
|
|
11
|
+
gap?: number;
|
|
12
|
+
/** Base dot radius in px. Default: 1 */
|
|
13
|
+
dotRadius?: number;
|
|
14
|
+
/** Base dot color. Default: 'rgba(255, 255, 255, 0.15)' */
|
|
15
|
+
dotColor?: string;
|
|
16
|
+
/** Glow color when mouse is near. Default: 'rgba(255, 108, 47, 0.6)' */
|
|
17
|
+
glowColor?: string;
|
|
18
|
+
/** Mouse proximity radius in px. Default: 150 */
|
|
19
|
+
glowRadius?: number;
|
|
20
|
+
}
|
|
21
|
+
declare class NovaDotGrid {
|
|
22
|
+
private canvas;
|
|
23
|
+
private ctx;
|
|
24
|
+
private container;
|
|
25
|
+
private gap;
|
|
26
|
+
private dotRadius;
|
|
27
|
+
private dotColor;
|
|
28
|
+
private glowColor;
|
|
29
|
+
private glowRadius;
|
|
30
|
+
private mouseX;
|
|
31
|
+
private mouseY;
|
|
32
|
+
private dpr;
|
|
33
|
+
private width;
|
|
34
|
+
private height;
|
|
35
|
+
private active;
|
|
36
|
+
constructor(options: DotGridOptions);
|
|
37
|
+
/** Initialize and start rendering */
|
|
38
|
+
init(): void;
|
|
39
|
+
/** Stop and remove */
|
|
40
|
+
destroy(): void;
|
|
41
|
+
private resize;
|
|
42
|
+
private draw;
|
|
43
|
+
private onResize;
|
|
44
|
+
private onMouseMove;
|
|
45
|
+
private onMouseLeave;
|
|
46
|
+
}
|
|
47
|
+
/** Create and initialize a dot grid */
|
|
48
|
+
export declare function createDotGrid(options: DotGridOptions): NovaDotGrid;
|
|
49
|
+
export {};
|
|
50
|
+
//# sourceMappingURL=dot-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dot-grid.d.ts","sourceRoot":"","sources":["../../src/canvas/dot-grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,UAAU,cAAc;IACtB,gDAAgD;IAChD,SAAS,EAAE,WAAW,CAAC;IACvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,WAAW;IACf,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAA2B;IACtC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,GAAG,CAAK;IAChB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAS;gBAEX,OAAO,EAAE,cAAc;IAanC,qCAAqC;IACrC,IAAI,IAAI,IAAI;IAqBZ,sBAAsB;IACtB,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,IAAI;IA2CZ,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAGlB;CACH;AAED,uCAAuC;AACvC,wBAAgB,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,WAAW,CAIlE"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Dot Grid Canvas
|
|
3
|
+
*
|
|
4
|
+
* Animated dot-grid background inspired by proto.xyz.
|
|
5
|
+
* Dots subtly glow when the mouse is nearby.
|
|
6
|
+
*/
|
|
7
|
+
import { ticker } from '../animation/ticker';
|
|
8
|
+
class NovaDotGrid {
|
|
9
|
+
canvas;
|
|
10
|
+
ctx;
|
|
11
|
+
container;
|
|
12
|
+
gap;
|
|
13
|
+
dotRadius;
|
|
14
|
+
dotColor;
|
|
15
|
+
glowColor;
|
|
16
|
+
glowRadius;
|
|
17
|
+
mouseX = -1000;
|
|
18
|
+
mouseY = -1000;
|
|
19
|
+
dpr = 1;
|
|
20
|
+
width = 0;
|
|
21
|
+
height = 0;
|
|
22
|
+
active = false;
|
|
23
|
+
constructor(options) {
|
|
24
|
+
this.container = options.container;
|
|
25
|
+
this.gap = options.gap ?? 32;
|
|
26
|
+
this.dotRadius = options.dotRadius ?? 1;
|
|
27
|
+
this.dotColor = options.dotColor ?? 'rgba(255, 255, 255, 0.15)';
|
|
28
|
+
this.glowColor = options.glowColor ?? 'rgba(255, 108, 47, 0.6)';
|
|
29
|
+
this.glowRadius = options.glowRadius ?? 150;
|
|
30
|
+
this.canvas = document.createElement('canvas');
|
|
31
|
+
this.canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;';
|
|
32
|
+
this.ctx = this.canvas.getContext('2d');
|
|
33
|
+
}
|
|
34
|
+
/** Initialize and start rendering */
|
|
35
|
+
init() {
|
|
36
|
+
if (this.active)
|
|
37
|
+
return;
|
|
38
|
+
this.active = true;
|
|
39
|
+
// Ensure container is positioned for absolute canvas
|
|
40
|
+
const pos = getComputedStyle(this.container).position;
|
|
41
|
+
if (pos === 'static') {
|
|
42
|
+
this.container.style.position = 'relative';
|
|
43
|
+
}
|
|
44
|
+
this.container.appendChild(this.canvas);
|
|
45
|
+
this.dpr = window.devicePixelRatio || 1;
|
|
46
|
+
this.resize();
|
|
47
|
+
window.addEventListener('resize', this.onResize);
|
|
48
|
+
window.addEventListener('mousemove', this.onMouseMove);
|
|
49
|
+
window.addEventListener('mouseleave', this.onMouseLeave);
|
|
50
|
+
ticker.add('nova-dot-grid', () => this.draw());
|
|
51
|
+
}
|
|
52
|
+
/** Stop and remove */
|
|
53
|
+
destroy() {
|
|
54
|
+
if (!this.active)
|
|
55
|
+
return;
|
|
56
|
+
this.active = false;
|
|
57
|
+
ticker.remove('nova-dot-grid');
|
|
58
|
+
window.removeEventListener('resize', this.onResize);
|
|
59
|
+
window.removeEventListener('mousemove', this.onMouseMove);
|
|
60
|
+
window.removeEventListener('mouseleave', this.onMouseLeave);
|
|
61
|
+
this.canvas.remove();
|
|
62
|
+
}
|
|
63
|
+
resize() {
|
|
64
|
+
const rect = this.container.getBoundingClientRect();
|
|
65
|
+
this.width = rect.width;
|
|
66
|
+
this.height = rect.height;
|
|
67
|
+
this.canvas.width = this.width * this.dpr;
|
|
68
|
+
this.canvas.height = this.height * this.dpr;
|
|
69
|
+
this.ctx.scale(this.dpr, this.dpr);
|
|
70
|
+
}
|
|
71
|
+
draw() {
|
|
72
|
+
const { ctx, width, height, gap, dotRadius, glowRadius } = this;
|
|
73
|
+
ctx.clearRect(0, 0, width, height);
|
|
74
|
+
// Parse glow color components for interpolation
|
|
75
|
+
const cols = gap > 0 ? Math.ceil(width / gap) + 1 : 0;
|
|
76
|
+
const rows = gap > 0 ? Math.ceil(height / gap) + 1 : 0;
|
|
77
|
+
for (let row = 0; row < rows; row++) {
|
|
78
|
+
for (let col = 0; col < cols; col++) {
|
|
79
|
+
const x = col * gap;
|
|
80
|
+
const y = row * gap;
|
|
81
|
+
// Distance from mouse
|
|
82
|
+
const dx = x - this.mouseX;
|
|
83
|
+
const dy = y - this.mouseY;
|
|
84
|
+
const dist = Math.sqrt(dx * dx + dy * dy);
|
|
85
|
+
// Proximity factor (1 = closest, 0 = outside radius)
|
|
86
|
+
const proximity = Math.max(0, 1 - dist / glowRadius);
|
|
87
|
+
// Radius grows near mouse
|
|
88
|
+
const r = dotRadius + proximity * 1.5;
|
|
89
|
+
ctx.beginPath();
|
|
90
|
+
ctx.arc(x, y, r, 0, Math.PI * 2);
|
|
91
|
+
if (proximity > 0) {
|
|
92
|
+
ctx.fillStyle = this.glowColor;
|
|
93
|
+
ctx.globalAlpha = 0.15 + proximity * 0.85;
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
ctx.fillStyle = this.dotColor;
|
|
97
|
+
ctx.globalAlpha = 1;
|
|
98
|
+
}
|
|
99
|
+
ctx.fill();
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
ctx.globalAlpha = 1;
|
|
103
|
+
}
|
|
104
|
+
onResize = () => {
|
|
105
|
+
this.resize();
|
|
106
|
+
};
|
|
107
|
+
onMouseMove = (e) => {
|
|
108
|
+
const rect = this.container.getBoundingClientRect();
|
|
109
|
+
this.mouseX = e.clientX - rect.left;
|
|
110
|
+
this.mouseY = e.clientY - rect.top;
|
|
111
|
+
};
|
|
112
|
+
onMouseLeave = () => {
|
|
113
|
+
this.mouseX = -1000;
|
|
114
|
+
this.mouseY = -1000;
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
/** Create and initialize a dot grid */
|
|
118
|
+
export function createDotGrid(options) {
|
|
119
|
+
const grid = new NovaDotGrid(options);
|
|
120
|
+
grid.init();
|
|
121
|
+
return grid;
|
|
122
|
+
}
|
|
123
|
+
//# sourceMappingURL=dot-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dot-grid.js","sourceRoot":"","sources":["../../src/canvas/dot-grid.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
+
export interface NoiseOptions {
|
|
8
|
+
/** Random seed. Default: random */
|
|
9
|
+
seed?: number;
|
|
10
|
+
}
|
|
11
|
+
export interface NoiseInstance {
|
|
12
|
+
/** 2D simplex noise. Returns value in [-1, 1]. */
|
|
13
|
+
noise2D(x: number, y: number): number;
|
|
14
|
+
/** 3D simplex noise. Returns value in [-1, 1]. */
|
|
15
|
+
noise3D(x: number, y: number, z: number): number;
|
|
16
|
+
/** Fractal Brownian Motion (fBm) using 2D noise. Returns [-1, 1]. */
|
|
17
|
+
fbm2D(x: number, y: number, octaves?: number, lacunarity?: number, gain?: number): number;
|
|
18
|
+
}
|
|
19
|
+
/** Create a noise generator instance. */
|
|
20
|
+
export declare function createNoise(options?: NoiseOptions): NoiseInstance;
|
|
21
|
+
/**
|
|
22
|
+
* Render noise to a canvas as a greyscale or colored image.
|
|
23
|
+
* Returns a cleanup function (stops animation if animated).
|
|
24
|
+
*/
|
|
25
|
+
export declare function renderNoise(canvas: string | HTMLCanvasElement, options?: {
|
|
26
|
+
scale?: number;
|
|
27
|
+
octaves?: number;
|
|
28
|
+
seed?: number;
|
|
29
|
+
colorize?: (value: number) => [number, number, number, number];
|
|
30
|
+
animate?: boolean;
|
|
31
|
+
speed?: number;
|
|
32
|
+
}): () => void;
|
|
33
|
+
//# sourceMappingURL=noise.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"noise.d.ts","sourceRoot":"","sources":["../../src/canvas/noise.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAcH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,kDAAkD;IAClD,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjD,qEAAqE;IACrE,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3F;AA6BD,yCAAyC;AACzC,wBAAgB,WAAW,CAAC,OAAO,GAAE,YAAiB,GAAG,aAAa,CAyGrE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,GAAG,iBAAiB,EAClC,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CACX,GACL,MAAM,IAAI,CAsDZ"}
|