elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-11 21:58:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

animate: rescale + move + zoom

Browse Source
This commit is contained in:
Felix Roos 2023-01-01 18:47:45 +01:00
parent 0abd062e5c
commit 28912fff97
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/core/animate.mjs
View File

@ -1,4 +1,4 @@
import { controls, Pattern, getDrawContext, silence, scheduler } from './index.mjs';
import { controls, Pattern, getDrawContext, silence, scheduler, register, pure } from './index.mjs';
const { createParams } = controls;
let clearColor = '#22222210';
@ -52,3 +52,16 @@ Pattern.prototype.animate = function ({ callback, sync = false, smear = 0.5 } =
};
export const { x, y, w, h, a, r, fill, smear } = createParams('x', 'y', 'w', 'h', 'a', 'r', 'fill', 'smear');
export const rescale = register('rescale', function (f, pat) {
return pat.mul(x(f).w(f).y(f).h(f));
});
export const move = register('move', function (dx, dy, pat) {
return pat.add(x(dx).y(dy));
});
export const zoom = register('zoom', function (f, pat) {
const d = pure(1).sub(f).div(2);
return pat.rescale(f).move(d, d);
});