@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.
Files changed (383) hide show
  1. package/dist/animation/parallax.d.ts +23 -0
  2. package/dist/animation/parallax.d.ts.map +1 -0
  3. package/dist/animation/parallax.js +96 -0
  4. package/dist/animation/parallax.js.map +1 -0
  5. package/dist/animation/scroll-animate.d.ts +30 -0
  6. package/dist/animation/scroll-animate.d.ts.map +1 -0
  7. package/dist/animation/scroll-animate.js +65 -0
  8. package/dist/animation/scroll-animate.js.map +1 -0
  9. package/dist/animation/scroll-observer.d.ts +32 -0
  10. package/dist/animation/scroll-observer.d.ts.map +1 -0
  11. package/dist/animation/scroll-observer.js +63 -0
  12. package/dist/animation/scroll-observer.js.map +1 -0
  13. package/dist/animation/smooth-scroll.d.ts +47 -0
  14. package/dist/animation/smooth-scroll.d.ts.map +1 -0
  15. package/dist/animation/smooth-scroll.js +169 -0
  16. package/dist/animation/smooth-scroll.js.map +1 -0
  17. package/dist/animation/text-reveal.d.ts +30 -0
  18. package/dist/animation/text-reveal.d.ts.map +1 -0
  19. package/dist/animation/text-reveal.js +164 -0
  20. package/dist/animation/text-reveal.js.map +1 -0
  21. package/dist/animation/ticker.d.ts +32 -0
  22. package/dist/animation/ticker.d.ts.map +1 -0
  23. package/dist/animation/ticker.js +62 -0
  24. package/dist/animation/ticker.js.map +1 -0
  25. package/dist/canvas/dot-grid.d.ts +50 -0
  26. package/dist/canvas/dot-grid.d.ts.map +1 -0
  27. package/dist/canvas/dot-grid.js +123 -0
  28. package/dist/canvas/dot-grid.js.map +1 -0
  29. package/dist/canvas/noise.d.ts +33 -0
  30. package/dist/canvas/noise.d.ts.map +1 -0
  31. package/dist/canvas/noise.js +241 -0
  32. package/dist/canvas/noise.js.map +1 -0
  33. package/dist/canvas/particles.d.ts +44 -0
  34. package/dist/canvas/particles.d.ts.map +1 -0
  35. package/dist/canvas/particles.js +138 -0
  36. package/dist/canvas/particles.js.map +1 -0
  37. package/dist/canvas/sequence.d.ts +43 -0
  38. package/dist/canvas/sequence.d.ts.map +1 -0
  39. package/dist/canvas/sequence.js +162 -0
  40. package/dist/canvas/sequence.js.map +1 -0
  41. package/dist/component/bind.d.ts +25 -0
  42. package/dist/component/bind.d.ts.map +1 -0
  43. package/dist/component/bind.js +28 -0
  44. package/dist/component/bind.js.map +1 -0
  45. package/dist/component/component.d.ts +76 -0
  46. package/dist/component/component.d.ts.map +1 -0
  47. package/dist/component/component.js +219 -0
  48. package/dist/component/component.js.map +1 -0
  49. package/dist/component/connect.d.ts +60 -0
  50. package/dist/component/connect.d.ts.map +1 -0
  51. package/dist/component/connect.js +115 -0
  52. package/dist/component/connect.js.map +1 -0
  53. package/dist/component/html.d.ts +35 -0
  54. package/dist/component/html.d.ts.map +1 -0
  55. package/dist/component/html.js +51 -0
  56. package/dist/component/html.js.map +1 -0
  57. package/dist/component/hydrate.d.ts +37 -0
  58. package/dist/component/hydrate.d.ts.map +1 -0
  59. package/dist/component/hydrate.js +242 -0
  60. package/dist/component/hydrate.js.map +1 -0
  61. package/dist/component/index.d.ts +9 -0
  62. package/dist/component/index.d.ts.map +1 -0
  63. package/dist/component/index.js +6 -0
  64. package/dist/component/index.js.map +1 -0
  65. package/dist/component/template.d.ts +30 -0
  66. package/dist/component/template.d.ts.map +1 -0
  67. package/dist/component/template.js +469 -0
  68. package/dist/component/template.js.map +1 -0
  69. package/dist/css/gradient-text.d.ts +40 -0
  70. package/dist/css/gradient-text.d.ts.map +1 -0
  71. package/dist/css/gradient-text.js +90 -0
  72. package/dist/css/gradient-text.js.map +1 -0
  73. package/dist/css/index.d.ts +3 -0
  74. package/dist/css/index.d.ts.map +1 -0
  75. package/dist/css/index.js +2 -0
  76. package/dist/css/index.js.map +1 -0
  77. package/dist/devtools/devtools.d.ts +27 -0
  78. package/dist/devtools/devtools.d.ts.map +1 -0
  79. package/dist/devtools/devtools.js +237 -0
  80. package/dist/devtools/devtools.js.map +1 -0
  81. package/dist/devtools/index.d.ts +3 -0
  82. package/dist/devtools/index.d.ts.map +1 -0
  83. package/dist/devtools/index.js +2 -0
  84. package/dist/devtools/index.js.map +1 -0
  85. package/dist/drag/drag.d.ts +38 -0
  86. package/dist/drag/drag.d.ts.map +1 -0
  87. package/dist/drag/drag.js +181 -0
  88. package/dist/drag/drag.js.map +1 -0
  89. package/dist/drag/index.d.ts +3 -0
  90. package/dist/drag/index.d.ts.map +1 -0
  91. package/dist/drag/index.js +2 -0
  92. package/dist/drag/index.js.map +1 -0
  93. package/dist/dropdown/dropdown.d.ts +55 -0
  94. package/dist/dropdown/dropdown.d.ts.map +1 -0
  95. package/dist/dropdown/dropdown.js +314 -0
  96. package/dist/dropdown/dropdown.js.map +1 -0
  97. package/dist/dropdown/group.d.ts +18 -0
  98. package/dist/dropdown/group.d.ts.map +1 -0
  99. package/dist/dropdown/group.js +119 -0
  100. package/dist/dropdown/group.js.map +1 -0
  101. package/dist/dropdown/index.d.ts +5 -0
  102. package/dist/dropdown/index.d.ts.map +1 -0
  103. package/dist/dropdown/index.js +3 -0
  104. package/dist/dropdown/index.js.map +1 -0
  105. package/dist/forms/form-engine.d.ts +91 -0
  106. package/dist/forms/form-engine.d.ts.map +1 -0
  107. package/dist/forms/form-engine.js +228 -0
  108. package/dist/forms/form-engine.js.map +1 -0
  109. package/dist/forms/index.d.ts +3 -0
  110. package/dist/forms/index.d.ts.map +1 -0
  111. package/dist/forms/index.js +2 -0
  112. package/dist/forms/index.js.map +1 -0
  113. package/dist/forms/validators.d.ts +20 -0
  114. package/dist/forms/validators.d.ts.map +1 -0
  115. package/dist/forms/validators.js +82 -0
  116. package/dist/forms/validators.js.map +1 -0
  117. package/dist/gallery/gallery.d.ts +66 -0
  118. package/dist/gallery/gallery.d.ts.map +1 -0
  119. package/dist/gallery/gallery.js +347 -0
  120. package/dist/gallery/gallery.js.map +1 -0
  121. package/dist/gallery/index.d.ts +3 -0
  122. package/dist/gallery/index.d.ts.map +1 -0
  123. package/dist/gallery/index.js +2 -0
  124. package/dist/gallery/index.js.map +1 -0
  125. package/dist/gesture/gesture.d.ts +44 -0
  126. package/dist/gesture/gesture.d.ts.map +1 -0
  127. package/dist/gesture/gesture.js +152 -0
  128. package/dist/gesture/gesture.js.map +1 -0
  129. package/dist/gesture/index.d.ts +3 -0
  130. package/dist/gesture/index.d.ts.map +1 -0
  131. package/dist/gesture/index.js +2 -0
  132. package/dist/gesture/index.js.map +1 -0
  133. package/dist/http/http.d.ts +44 -0
  134. package/dist/http/http.d.ts.map +1 -0
  135. package/dist/http/http.js +135 -0
  136. package/dist/http/http.js.map +1 -0
  137. package/dist/http/index.d.ts +3 -0
  138. package/dist/http/index.d.ts.map +1 -0
  139. package/dist/http/index.js +2 -0
  140. package/dist/http/index.js.map +1 -0
  141. package/dist/i18n/i18n.d.ts +28 -0
  142. package/dist/i18n/i18n.d.ts.map +1 -0
  143. package/dist/i18n/i18n.js +84 -0
  144. package/dist/i18n/i18n.js.map +1 -0
  145. package/dist/i18n/index.d.ts +3 -0
  146. package/dist/i18n/index.d.ts.map +1 -0
  147. package/dist/i18n/index.js +2 -0
  148. package/dist/i18n/index.js.map +1 -0
  149. package/dist/image/effects.d.ts +33 -0
  150. package/dist/image/effects.d.ts.map +1 -0
  151. package/dist/image/effects.js +236 -0
  152. package/dist/image/effects.js.map +1 -0
  153. package/dist/image/image.d.ts +83 -0
  154. package/dist/image/image.d.ts.map +1 -0
  155. package/dist/image/image.js +236 -0
  156. package/dist/image/image.js.map +1 -0
  157. package/dist/image/index.d.ts +5 -0
  158. package/dist/image/index.d.ts.map +1 -0
  159. package/dist/image/index.js +3 -0
  160. package/dist/image/index.js.map +1 -0
  161. package/dist/interaction/index.d.ts +3 -0
  162. package/dist/interaction/index.d.ts.map +1 -0
  163. package/dist/interaction/index.js +2 -0
  164. package/dist/interaction/index.js.map +1 -0
  165. package/dist/interaction/tilt.d.ts +30 -0
  166. package/dist/interaction/tilt.d.ts.map +1 -0
  167. package/dist/interaction/tilt.js +131 -0
  168. package/dist/interaction/tilt.js.map +1 -0
  169. package/dist/lazy/index.d.ts +3 -0
  170. package/dist/lazy/index.d.ts.map +1 -0
  171. package/dist/lazy/index.js +2 -0
  172. package/dist/lazy/index.js.map +1 -0
  173. package/dist/lazy/lazy.d.ts +42 -0
  174. package/dist/lazy/lazy.d.ts.map +1 -0
  175. package/dist/lazy/lazy.js +80 -0
  176. package/dist/lazy/lazy.js.map +1 -0
  177. package/dist/modal/index.d.ts +3 -0
  178. package/dist/modal/index.d.ts.map +1 -0
  179. package/dist/modal/index.js +2 -0
  180. package/dist/modal/index.js.map +1 -0
  181. package/dist/modal/modal.d.ts +39 -0
  182. package/dist/modal/modal.d.ts.map +1 -0
  183. package/dist/modal/modal.js +174 -0
  184. package/dist/modal/modal.js.map +1 -0
  185. package/dist/router/index.d.ts +3 -0
  186. package/dist/router/index.d.ts.map +1 -0
  187. package/dist/router/index.js +2 -0
  188. package/dist/router/index.js.map +1 -0
  189. package/dist/router/router.d.ts +80 -0
  190. package/dist/router/router.d.ts.map +1 -0
  191. package/dist/router/router.js +256 -0
  192. package/dist/router/router.js.map +1 -0
  193. package/dist/router/speculate.d.ts +28 -0
  194. package/dist/router/speculate.d.ts.map +1 -0
  195. package/dist/router/speculate.js +36 -0
  196. package/dist/router/speculate.js.map +1 -0
  197. package/dist/search/fuzzy.d.ts +16 -0
  198. package/dist/search/fuzzy.d.ts.map +1 -0
  199. package/dist/search/fuzzy.js +77 -0
  200. package/dist/search/fuzzy.js.map +1 -0
  201. package/dist/search/index.d.ts +5 -0
  202. package/dist/search/index.d.ts.map +1 -0
  203. package/dist/search/index.js +3 -0
  204. package/dist/search/index.js.map +1 -0
  205. package/dist/search/search.d.ts +56 -0
  206. package/dist/search/search.d.ts.map +1 -0
  207. package/dist/search/search.js +540 -0
  208. package/dist/search/search.js.map +1 -0
  209. package/dist/search/wasm.d.ts +35 -0
  210. package/dist/search/wasm.d.ts.map +1 -0
  211. package/dist/search/wasm.js +51 -0
  212. package/dist/search/wasm.js.map +1 -0
  213. package/dist/security/cors.d.ts +61 -0
  214. package/dist/security/cors.d.ts.map +1 -0
  215. package/dist/security/cors.js +174 -0
  216. package/dist/security/cors.js.map +1 -0
  217. package/dist/security/csp.d.ts +49 -0
  218. package/dist/security/csp.d.ts.map +1 -0
  219. package/dist/security/csp.js +143 -0
  220. package/dist/security/csp.js.map +1 -0
  221. package/dist/security/csrf.d.ts +47 -0
  222. package/dist/security/csrf.d.ts.map +1 -0
  223. package/dist/security/csrf.js +122 -0
  224. package/dist/security/csrf.js.map +1 -0
  225. package/dist/security/encrypt.d.ts +64 -0
  226. package/dist/security/encrypt.d.ts.map +1 -0
  227. package/dist/security/encrypt.js +129 -0
  228. package/dist/security/encrypt.js.map +1 -0
  229. package/dist/security/index.d.ts +21 -0
  230. package/dist/security/index.d.ts.map +1 -0
  231. package/dist/security/index.js +11 -0
  232. package/dist/security/index.js.map +1 -0
  233. package/dist/security/rate-limit.d.ts +57 -0
  234. package/dist/security/rate-limit.d.ts.map +1 -0
  235. package/dist/security/rate-limit.js +222 -0
  236. package/dist/security/rate-limit.js.map +1 -0
  237. package/dist/security/rbac.d.ts +84 -0
  238. package/dist/security/rbac.d.ts.map +1 -0
  239. package/dist/security/rbac.js +164 -0
  240. package/dist/security/rbac.js.map +1 -0
  241. package/dist/security/sanitize.d.ts +44 -0
  242. package/dist/security/sanitize.d.ts.map +1 -0
  243. package/dist/security/sanitize.js +230 -0
  244. package/dist/security/sanitize.js.map +1 -0
  245. package/dist/security/secure-store.d.ts +44 -0
  246. package/dist/security/secure-store.d.ts.map +1 -0
  247. package/dist/security/secure-store.js +164 -0
  248. package/dist/security/secure-store.js.map +1 -0
  249. package/dist/security/session.d.ts +76 -0
  250. package/dist/security/session.d.ts.map +1 -0
  251. package/dist/security/session.js +251 -0
  252. package/dist/security/session.js.map +1 -0
  253. package/dist/security/sri.d.ts +66 -0
  254. package/dist/security/sri.d.ts.map +1 -0
  255. package/dist/security/sri.js +159 -0
  256. package/dist/security/sri.js.map +1 -0
  257. package/dist/shortcuts/index.d.ts +3 -0
  258. package/dist/shortcuts/index.d.ts.map +1 -0
  259. package/dist/shortcuts/index.js +2 -0
  260. package/dist/shortcuts/index.js.map +1 -0
  261. package/dist/shortcuts/shortcuts.d.ts +43 -0
  262. package/dist/shortcuts/shortcuts.d.ts.map +1 -0
  263. package/dist/shortcuts/shortcuts.js +141 -0
  264. package/dist/shortcuts/shortcuts.js.map +1 -0
  265. package/dist/ssr/index.d.ts +3 -0
  266. package/dist/ssr/index.d.ts.map +1 -0
  267. package/dist/ssr/index.js +2 -0
  268. package/dist/ssr/index.js.map +1 -0
  269. package/dist/ssr/ssr.d.ts +62 -0
  270. package/dist/ssr/ssr.d.ts.map +1 -0
  271. package/dist/ssr/ssr.js +132 -0
  272. package/dist/ssr/ssr.js.map +1 -0
  273. package/dist/state/index.d.ts +5 -0
  274. package/dist/state/index.d.ts.map +1 -0
  275. package/dist/state/index.js +3 -0
  276. package/dist/state/index.js.map +1 -0
  277. package/dist/state/persistent.d.ts +31 -0
  278. package/dist/state/persistent.d.ts.map +1 -0
  279. package/dist/state/persistent.js +132 -0
  280. package/dist/state/persistent.js.map +1 -0
  281. package/dist/state/store.d.ts +31 -0
  282. package/dist/state/store.d.ts.map +1 -0
  283. package/dist/state/store.js +107 -0
  284. package/dist/state/store.js.map +1 -0
  285. package/dist/store/index.d.ts +3 -0
  286. package/dist/store/index.d.ts.map +1 -0
  287. package/dist/store/index.js +2 -0
  288. package/dist/store/index.js.map +1 -0
  289. package/dist/store/store.d.ts +36 -0
  290. package/dist/store/store.d.ts.map +1 -0
  291. package/dist/store/store.js +175 -0
  292. package/dist/store/store.js.map +1 -0
  293. package/dist/supabase/auth.d.ts +28 -0
  294. package/dist/supabase/auth.d.ts.map +1 -0
  295. package/dist/supabase/auth.js +47 -0
  296. package/dist/supabase/auth.js.map +1 -0
  297. package/dist/supabase/client.d.ts +18 -0
  298. package/dist/supabase/client.d.ts.map +1 -0
  299. package/dist/supabase/client.js +36 -0
  300. package/dist/supabase/client.js.map +1 -0
  301. package/dist/supabase/realtime.d.ts +22 -0
  302. package/dist/supabase/realtime.d.ts.map +1 -0
  303. package/dist/supabase/realtime.js +51 -0
  304. package/dist/supabase/realtime.js.map +1 -0
  305. package/dist/sw/index.d.ts +3 -0
  306. package/dist/sw/index.d.ts.map +1 -0
  307. package/dist/sw/index.js +2 -0
  308. package/dist/sw/index.js.map +1 -0
  309. package/dist/sw/sw.d.ts +49 -0
  310. package/dist/sw/sw.d.ts.map +1 -0
  311. package/dist/sw/sw.js +125 -0
  312. package/dist/sw/sw.js.map +1 -0
  313. package/dist/tabs/index.d.ts +3 -0
  314. package/dist/tabs/index.d.ts.map +1 -0
  315. package/dist/tabs/index.js +2 -0
  316. package/dist/tabs/index.js.map +1 -0
  317. package/dist/tabs/tabs.d.ts +34 -0
  318. package/dist/tabs/tabs.d.ts.map +1 -0
  319. package/dist/tabs/tabs.js +173 -0
  320. package/dist/tabs/tabs.js.map +1 -0
  321. package/dist/test/index.d.ts +3 -0
  322. package/dist/test/index.d.ts.map +1 -0
  323. package/dist/test/index.js +2 -0
  324. package/dist/test/index.js.map +1 -0
  325. package/dist/test/test.d.ts +37 -0
  326. package/dist/test/test.d.ts.map +1 -0
  327. package/dist/test/test.js +108 -0
  328. package/dist/test/test.js.map +1 -0
  329. package/dist/theme/index.d.ts +3 -0
  330. package/dist/theme/index.d.ts.map +1 -0
  331. package/dist/theme/index.js +2 -0
  332. package/dist/theme/index.js.map +1 -0
  333. package/dist/theme/theme.d.ts +40 -0
  334. package/dist/theme/theme.d.ts.map +1 -0
  335. package/dist/theme/theme.js +142 -0
  336. package/dist/theme/theme.js.map +1 -0
  337. package/dist/timeline/index.d.ts +3 -0
  338. package/dist/timeline/index.d.ts.map +1 -0
  339. package/dist/timeline/index.js +2 -0
  340. package/dist/timeline/index.js.map +1 -0
  341. package/dist/timeline/timeline.d.ts +44 -0
  342. package/dist/timeline/timeline.d.ts.map +1 -0
  343. package/dist/timeline/timeline.js +196 -0
  344. package/dist/timeline/timeline.js.map +1 -0
  345. package/dist/toast/index.d.ts +3 -0
  346. package/dist/toast/index.d.ts.map +1 -0
  347. package/dist/toast/index.js +2 -0
  348. package/dist/toast/index.js.map +1 -0
  349. package/dist/toast/toast.d.ts +31 -0
  350. package/dist/toast/toast.d.ts.map +1 -0
  351. package/dist/toast/toast.js +198 -0
  352. package/dist/toast/toast.js.map +1 -0
  353. package/dist/tooltip/index.d.ts +3 -0
  354. package/dist/tooltip/index.d.ts.map +1 -0
  355. package/dist/tooltip/index.js +2 -0
  356. package/dist/tooltip/index.js.map +1 -0
  357. package/dist/tooltip/tooltip.d.ts +27 -0
  358. package/dist/tooltip/tooltip.d.ts.map +1 -0
  359. package/dist/tooltip/tooltip.js +229 -0
  360. package/dist/tooltip/tooltip.js.map +1 -0
  361. package/dist/transition/index.d.ts +3 -0
  362. package/dist/transition/index.d.ts.map +1 -0
  363. package/dist/transition/index.js +2 -0
  364. package/dist/transition/index.js.map +1 -0
  365. package/dist/transition/transition.d.ts +31 -0
  366. package/dist/transition/transition.d.ts.map +1 -0
  367. package/dist/transition/transition.js +95 -0
  368. package/dist/transition/transition.js.map +1 -0
  369. package/dist/webgl/index.d.ts +3 -0
  370. package/dist/webgl/index.d.ts.map +1 -0
  371. package/dist/webgl/index.js +2 -0
  372. package/dist/webgl/index.js.map +1 -0
  373. package/dist/webgl/webgl.d.ts +49 -0
  374. package/dist/webgl/webgl.d.ts.map +1 -0
  375. package/dist/webgl/webgl.js +401 -0
  376. package/dist/webgl/webgl.js.map +1 -0
  377. package/package.json +269 -0
  378. package/styles/base/global.css +47 -0
  379. package/styles/base/reset.css +73 -0
  380. package/styles/tokens/colors.css +50 -0
  381. package/styles/tokens/spacing.css +46 -0
  382. package/styles/tokens/typography.css +37 -0
  383. 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