Let's get this party started

This commit is contained in:
Devine Lu Linvega
2019-07-12 20:10:53 +09:00
parent a56b66433b
commit 371c255022
30 changed files with 1390 additions and 1651 deletions

View File

@@ -1,63 +1,54 @@
function Color(hex = '#000000', rgb)
{
if(rgb){
this.rgb = rgb;
this.hex = "#"+("0" + parseInt(rgb.r,10).toString(16)).slice(-2)+("0" + parseInt(rgb.g,10).toString(16)).slice(-2)+("0" + parseInt(rgb.b,10).toString(16)).slice(-2);
}
else{
this.hex = hex;
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(this.hex);
this.rgb = {r: parseInt(result[1], 16),g: parseInt(result[2], 16),b: parseInt(result[3], 16)}
function Color (hex = '#000000', rgb) {
if (rgb) {
this.rgb = rgb
this.hex = '#' + ('0' + parseInt(rgb.r, 10).toString(16)).slice(-2) + ('0' + parseInt(rgb.g, 10).toString(16)).slice(-2) + ('0' + parseInt(rgb.b, 10).toString(16)).slice(-2)
} else {
this.hex = hex
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(this.hex)
this.rgb = { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) }
}
this.r = this.rgb.r;
this.g = this.rgb.g;
this.b = this.rgb.b;
this.r = this.rgb.r
this.g = this.rgb.g
this.b = this.rgb.b
this.average = parseInt((this.r + this.g + this.b)/3)
this.invert = {r:255-this.rgb.r, g:255-this.rgb.g, b:255-this.rgb.b};
this.rgba = function()
{
return "rgba("+this.rgb().r+","+this.rgb().g+","+this.rgb().b+",1)";
this.average = parseInt((this.r + this.g + this.b) / 3)
this.invert = { r: 255 - this.rgb.r, g: 255 - this.rgb.g, b: 255 - this.rgb.b }
this.rgba = function () {
return 'rgba(' + this.rgb().r + ',' + this.rgb().g + ',' + this.rgb().b + ',1)'
}
this.floats = function()
{
var rgb = this.rgb;
return { r:rgb.r/255, g:rgb.g/255, b:rgb.b/255 }
}
this.render = function()
{
return this.hex;
}
this.rgb_to_hex = function(rgb)
{
return "#"+("0" + parseInt(rgb[0],10).toString(16)).slice(-2)+("0" + parseInt(rgb[1],10).toString(16)).slice(-2)+("0" + parseInt(rgb[2],10).toString(16)).slice(-2);
this.floats = function () {
var rgb = this.rgb
return { r: rgb.r / 255, g: rgb.g / 255, b: rgb.b / 255 }
}
this.brightness = function()
{
return this.rgb() ? (this.rgb().r + this.rgb().g + this.rgb().b)/3 : 0;
this.render = function () {
return this.hex
}
this.style = function()
{
return this.brightness() > 150 ? "bright" : "dark";
this.rgb_to_hex = function (rgb) {
return '#' + ('0' + parseInt(rgb[0], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2)
}
this.tween = function(target,value)
{
var c1 = this.floats();
var c2 = target.floats();
var r = ((255 * c1.r) * value) + ((255 * c2.r) * (1-value));
var g = ((255 * c1.g) * value) + ((255 * c2.g) * (1-value));
var b = ((255 * c1.b) * value) + ((255 * c2.b) * (1-value));
var rgb = [parseInt(r),parseInt(g),parseInt(b)];
var hex = new Color().rgb_to_hex(rgb);
return hex;
this.brightness = function () {
return this.rgb() ? (this.rgb().r + this.rgb().g + this.rgb().b) / 3 : 0
}
}
this.style = function () {
return this.brightness() > 150 ? 'bright' : 'dark'
}
this.tween = function (target, value) {
var c1 = this.floats()
var c2 = target.floats()
var r = ((255 * c1.r) * value) + ((255 * c2.r) * (1 - value))
var g = ((255 * c1.g) * value) + ((255 * c2.g) * (1 - value))
var b = ((255 * c1.b) * value) + ((255 * c2.b) * (1 - value))
var rgb = [parseInt(r), parseInt(g), parseInt(b)]
var hex = new Color().rgb_to_hex(rgb)
return hex
}
}