fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make dots more visible, make them avoid text

Browse source 
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
Naman Sood 2024-12-04 18:46:55 -05:00
parent fc373b5686
commit 9a969f5411
1 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
js/script.js
View file

@ -5,8 +5,8 @@ canvas.height = window.innerHeight;
const ctx = canvas.getContext('2d');
const FILL_STYLES = {
light: 'rgba(0,0,0,0.05)',
dark: 'rgba(255,255,255,0.15)'
light: 'rgba(0,0,0,0.15)',
dark: 'rgba(255,255,255,0.25)'
};
const colorMode = localStorage.getItem('color-mode');
@ -25,6 +25,10 @@ function isDarkMode() {
(document.body.classList.length === 0 && matchMedia('(prefers-color-scheme: dark)').matches);
}
function contains(rect, x, y) {
return (rect.left <= x && x <= rect.right) && (rect.top <= y && y <= rect.bottom);
}
function Point() {
const r = 8;
@ -38,9 +42,12 @@ function Point() {
// moves point to a random location and
// resets its progress
this.init = function() {
const textbox = document.querySelector('.text-container').getBoundingClientRect();
this.progress = initialProgress;
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
do {
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
} while(contains(textbox, this.x, this.y));
this.r = 0;
this.rng = Math.random();
}