mirrors/apple_cursor
1
0
Fork 0
mirror of https://github.com/ful1e5/apple_cursor.git synced 2025-05-16 16:14:45 -04:00
Code Issues Projects Releases Packages Wiki Activity

🎥 Render animated Cursors

Browse source
This commit is contained in:
ful1e5 2020-08-29 18:06:38 +05:30
parent 0dba4cdd9c
commit 4cd1397c15
1 changed files with 20 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/index.ts
View file

@ -11,7 +11,8 @@ import {
animatedClip,
} from "./config";
import { matchImages } from "./utils/matchImages";
import { saveFrames } from "./utils/saveFrames";
import { saveFrames, Frames } from "./utils/saveFrames";
import { getKeyName } from "./utils/getKeyName";
const main = async () => {
const browser = await puppeteer.launch({
@ -78,16 +79,18 @@ const main = async () => {
// Render Config
let index = 1;
let breakLoop = false;
const frames: Buffer[] = [];
const frames: Frames = {};
const firstKey = getKeyName(index, svg);
console.log(firstKey);
// 1st Frame
frames.push(
await svgElement.screenshot({
frames[firstKey] = {
buffer: await svgElement.screenshot({
omitBackground: true,
clip: animatedClip,
encoding: "binary",
})
);
}),
};
// Pushing frames until it match to 1st frame
index++;
@ -97,15 +100,22 @@ const main = async () => {
clip: animatedClip,
encoding: "binary",
});
const diff = matchImages(frames[0], newFrame);
console.log(diff, "frames", 1, "--", index);
if (diff < 3000) {
const key = getKeyName(index, svg);
console.log(key);
const diff = matchImages({
img1Buff: frames[firstKey].buffer,
img2Buff: newFrame,
});
if (!(diff < 3000)) {
frames[key] = { buffer: newFrame };
} else {
breakLoop = true;
}
index++;
}
saveFrames({ fileName: svg, frames });
saveFrames(frames);
await page.close();
}