slowmo 0.5.0 → 0.8.0
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/README.md +20 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# slowmo
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Control time on any web page. Debug, study, or speedrun animations.
|
|
4
4
|
|
|
5
5
|
<!-- TODO: Add hero GIF/video here -->
|
|
6
6
|
<!--  -->
|
|
@@ -8,8 +8,9 @@ Slow down or speed up time, to debug or study web animations.
|
|
|
8
8
|
## Why?
|
|
9
9
|
|
|
10
10
|
- **Debug animations** - Slow things down to see exactly what's happening
|
|
11
|
-
- **
|
|
12
|
-
- **
|
|
11
|
+
- **Study details** - Appreciate the little details on why something looks so neat
|
|
12
|
+
- **Speedrun UIs** - Skip or skim quickly through any animation gated experience
|
|
13
|
+
- **Game difficulty** - Slower gives you better reflexes, faster challenges you more
|
|
13
14
|
|
|
14
15
|
## Install
|
|
15
16
|
|
|
@@ -17,6 +18,8 @@ Slow down or speed up time, to debug or study web animations.
|
|
|
17
18
|
npm install slowmo
|
|
18
19
|
```
|
|
19
20
|
|
|
21
|
+
> **Chrome Extension coming soon** - Control any website's animations without writing code.
|
|
22
|
+
|
|
20
23
|
## Quick Start
|
|
21
24
|
|
|
22
25
|
```js
|
|
@@ -82,8 +85,20 @@ Add `data-slowmo-exclude` to opt out specific elements:
|
|
|
82
85
|
## Limitations
|
|
83
86
|
|
|
84
87
|
- **Frame-based animations** that don't use timestamps can't be smoothly slowed (they increment by a fixed amount each frame regardless of time)
|
|
85
|
-
- **Libraries that cache time references** before slowmo loads may not be affected
|
|
88
|
+
- **Libraries that cache time function references** before slowmo loads may not be affected
|
|
86
89
|
- **Video/audio** have browser-imposed limits (~0.0625x to 16x in Chrome)
|
|
90
|
+
- **iframes** won't be affected unless slowmo is also loaded inside them
|
|
91
|
+
- **Web Workers & Worklets** run in separate threads with their own timing APIs that can't be patched from the main thread (audio worklets, paint worklets, animation worklets)
|
|
92
|
+
- **WebGL shaders** with custom time uniforms need manual integration
|
|
93
|
+
- **Server-synced animations** that rely on server timestamps rather than local time
|
|
94
|
+
|
|
95
|
+
## Contributing
|
|
96
|
+
|
|
97
|
+
Open to contributions! See [CONTRIBUTING.md](./CONTRIBUTING.md) for development setup and Chrome extension testing instructions.
|
|
98
|
+
|
|
99
|
+
## Inspiration
|
|
100
|
+
|
|
101
|
+
Inspired by [agentation](https://agentation.dev/) by [Benji Taylor](https://x.com/BenjiTaylor) and his related blog posts [[1]](https://benji.org/annotating) [[2]](https://benji.org/agentation)
|
|
87
102
|
|
|
88
103
|
## License
|
|
89
104
|
|
|
@@ -93,4 +108,4 @@ MIT
|
|
|
93
108
|
|
|
94
109
|
<!-- TODO: Update with actual website URL -->
|
|
95
110
|
|
|
96
|
-
[
|
|
111
|
+
[website](https://slowmo.dev) · [github](https://github.com/seflless/slowmo) · [npm](https://www.npmjs.com/package/slowmo)
|