mirror of
https://github.com/GoogleChromeLabs/squoosh.git
synced 2025-11-13 01:07:18 +00:00
a3b341f813
* Paste button * Logo and animated blobs * Predictable initial blob position * Initial blob shape * Update canvas on resize if not updating every frame * lol * Get styles from CSS * Background blobs * Fade into the center * Get initial focus * Pause time while page is hidden * Footer * Optimise amount of initial CSS * More CSS optimisation * Install button * Home page with demo loading * Tweak size * Replace thumbnails * Responsive demo section * Responsive main section * Remove debug stuff * Fix prerender SVG size * Changes from feedback * Blob nudges (#872) * more smaller blobs * less blobs that are practically invisible * more dynamic speed range and stronger gravity * Reverting resize observer change The content rect is different to getBoundingClientRect Co-authored-by: Adam Argyle <atom@argyleink.com>
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import type { BlobPoint } from '.';
|
|
|
|
/** Start points, for the shape we use in prerender */
|
|
export const startBlobs: BlobPoint[][] = [
|
|
[
|
|
[-0.232, -1.029, 0.073, -1.029, 0.377, -1.029],
|
|
[0.565, -1.098, 0.755, -0.86, 0.945, -0.622],
|
|
[0.917, -0.01, 0.849, 0.286, 0.782, 0.583],
|
|
[0.85, 0.687, 0.576, 0.819, 0.302, 0.951],
|
|
[-0.198, 1.009, -0.472, 0.877, -0.746, 0.745],
|
|
[-0.98, 0.513, -1.048, 0.216, -1.116, -0.08],
|
|
[-0.964, -0.395, -0.774, -0.633, -0.584, -0.871],
|
|
],
|
|
[
|
|
[-0.505, -1.109, -0.201, -1.109, 0.104, -1.109],
|
|
[0.641, -0.684, 0.831, -0.446, 1.02, -0.208],
|
|
[1.041, 0.034, 0.973, 0.331, 0.905, 0.628],
|
|
[0.734, 0.794, 0.46, 0.926, 0.186, 1.058],
|
|
[-0.135, 0.809, -0.409, 0.677, -0.684, 0.545],
|
|
[-0.935, 0.404, -1.002, 0.108, -1.07, -0.189],
|
|
[-0.883, -0.402, -0.693, -0.64, -0.503, -0.878],
|
|
],
|
|
[
|
|
[-0.376, -1.168, -0.071, -1.168, 0.233, -1.168],
|
|
[0.732, -0.956, 0.922, -0.718, 1.112, -0.48],
|
|
[1.173, 0.027, 1.105, 0.324, 1.038, 0.621],
|
|
[0.707, 0.81, 0.433, 0.943, 0.159, 1.075],
|
|
[-0.096, 1.135, -0.37, 1.003, -0.644, 0.871],
|
|
[-0.86, 0.457, -0.927, 0.161, -0.995, -0.136],
|
|
[-0.87, -0.516, -0.68, -0.754, -0.49, -0.992],
|
|
],
|
|
[
|
|
[-0.309, -0.998, -0.004, -0.998, 0.3, -0.998],
|
|
[0.535, -0.852, 0.725, -0.614, 0.915, -0.376],
|
|
[1.05, -0.09, 0.982, 0.207, 0.915, 0.504],
|
|
[0.659, 0.807, 0.385, 0.939, 0.111, 1.071],
|
|
[-0.178, 1.048, -0.452, 0.916, -0.727, 0.784],
|
|
[-0.942, 0.582, -1.009, 0.285, -1.077, -0.011],
|
|
[-1.141, -0.335, -0.951, -0.573, -0.761, -0.811],
|
|
],
|
|
];
|