Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Releases: metaory/gradient-gl

v1.5.0 - perf(bundle): per-shader code-splitting via static import map

04 Oct 12:24
@metaory metaory

Choose a tag to compare

Static-analyser friendly map; no dynamic import paths; tree-shake + per-shader split

  • Change: explicit static shader import map (no dynamic paths)
  • Effect: static analysers (Vite/Rollup/Webpack) tree‐shake; per‐shader code‐split
  • Result: smaller bundles, faster loads; only used shader is included
  • API: unchanged
  • Action: none

Full Changelog: v1.4.2...v1.5.0

Assets 2
Loading

v1.4.2 - Fix: Smooth animation during scroll events

29 Jun 11:34
@metaory metaory
07835c4
This commit was signed with the committer’s verified signature.
metaory metaory
GPG key ID: 34AA8C686349DDA9
Verified
Learn about vigilant mode.

Choose a tag to compare

What's Fixed

Fixed animation resets/jumps when scrolling stops. Gradient animation now remains smooth throughout scroll events.

Root Cause

Browser throttles requestAnimationFrame during scroll for performance. Large time gaps (100ms+) cause animation to jump ahead, creating visual "resets."

Solution

Smooth time interpolation with delta capping:

  • Frame Delta Tracking: Accumulate frame deltas instead of raw timestamps
  • Delta Capping: Cap large gaps at 50ms to prevent jumps
  • Continuous Animation: Use elapsedTime for smooth progression

Technical Details

// Before: Raw time causing jumps
const time = performance.now()
this.#gl.uniform1f(iTime, time / 1000)
// After: Smooth delta accumulation
const delta = Math.min(currentTime - this.#lastTime, MAX_DELTA)
this.#elapsedTime += delta
this.#gl.uniform1f(iTime, this.#elapsedTime / 1000)

Impact

  • ✅ Smooth animation during scroll
  • ✅ No visual resets/jumps
  • ✅ Maintains performance
  • ✅ Minimal code changes

Full Changelog: v1.4.1...v1.4.2

Loading

v1.4.1 seed script cdn fix

03 Jun 20:49
@metaory metaory
bfa6c69
This commit was signed with the committer’s verified signature.
metaory metaory
GPG key ID: 34AA8C686349DDA9
Verified
Learn about vigilant mode.

Choose a tag to compare

Loading

v1.4.0 - SeedScript One-Liner usage

03 Jun 19:49
@metaory metaory
9ee65a3
This commit was signed with the committer’s verified signature.
metaory metaory
GPG key ID: 34AA8C686349DDA9
Verified
Learn about vigilant mode.

Choose a tag to compare

SeedScript One-Liner:

Added support for the simplest possible usage:

 <script type="module" src="https://esm.sh/gradient-gl?seed=a2.eba9"></script>

Just drop a single script tag with your seed as a query param. No build step, no config, no dependencies.
read more for setting optional selector or pinning to a version

CDN Example:

New examples/cdn-vanilla/index.html shows how to use the new one-liner in a real page.

Upgrade note:

You can now use GradientGL with a single script tag and a seed param, anywhere, instantly.


Full Changelog: v1.3.3...v1.4.0

Loading

v1.3.3

07 May 14:48
@metaory metaory
v1.3.3
This tag was signed with the committer’s verified signature.
metaory metaory
GPG key ID: E9545979C793EF73
Verified
Learn about vigilant mode.
4ba25a4
This commit was signed with the committer’s verified signature.
metaory metaory
GPG key ID: E9545979C793EF73
Verified
Learn about vigilant mode.

Choose a tag to compare

What's Changed

  • Remove console.log by @chrisvariety in #4
  • Fixed TypeError in context recovery handler (Fixes #6)

New Contributors

Full Changelog: v1.3.2...v1.3.3

Contributors

chrisvariety
Loading

AltStyle によって変換されたページ (->オリジナル) /