asif/ab-particles
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

function to check colours, console help displayed

Browse Source
This commit is contained in:
Asif Bacchus 2020-04-08 07:07:11 -06:00
parent 26cd9261e7
commit 4ab3b04c9c
1 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
js/particles.js
View File

@ -5,12 +5,14 @@ function particles(){
*/ */
// check parameters and use defaults as necessary // check parameters and use defaults as necessary
checkParams(); checkParams();
// read css colour variables from root element // read css colour variables from root element, set defaults as necessary
const particleColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle'); let particleColour;
const strokeColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke'); let strokeColour;
const strokeHoverColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke-hover'); let strokeHoverColour;
checkColours();
// get canvas element, set context and size // get canvas element, set context and size
const canvas = document.getElementById('particles'); const canvas = document.getElementById('particles');
@ -229,4 +231,30 @@ function particles(){
console.log("'hover' must either 'true' or 'false'. Using default of 'true'"); console.log("'hover' must either 'true' or 'false'. Using default of 'true'");
} }
} }
function checkColours(){
if (getComputedStyle(document.documentElement).getPropertyValue('--col-particle').length === 0){
particleColour = '#000000';
console.log("CSS variable '--col-particle' is not set. Using 'black' (#000000).");
}
else{
particleColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle');
}
if (getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke').length === 0){
strokeColour = '#000000';
console.log("CSS variable '--col-particle-stroke' is not set. Using 'black' (#000000).");
}
else{
strokeColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke');
}
if (hover === true && getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke-hover').length === 0){
strokeHoverColour = '#ff0000';
console.log("CSS variable '--col-particle-stroke-hover' is not set. Using 'red' (#ff0000).");
}
else{
strokeHoverColour = getComputedStyle(document.documentElement).getPropertyValue('--col-particle-stroke-hover');
}
}
} }