now working for art of presence

This commit is contained in:
Peter Cottle 2012-08-13 12:54:02 -07:00
parent a817cec5f5
commit c4cc6cd57e
3 changed files with 37 additions and 4 deletions

View file

@ -60,7 +60,7 @@ function Color(color_string)
},
{
re: /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([0-9.]+)\)*$/,
example: ['rgba(123, 234, 45, 0.2)', 'rgb(255,234,245,1)'],
example: ['rgba(123, 234, 45, 0.2)', 'rgba(255,234,245,1)'],
process: function (bits){
return [
parseInt(bits[1]),
@ -69,7 +69,21 @@ function Color(color_string)
parseFloat(bits[4])
];
}
},
{
re: /^rgba\((\d{1,3})%,\s*(\d{1,3})%,\s*(\d{1,3})%,\s*([0-9.]+)\)*$/,
example: ['rgba(100%, 97%, 45%, 0.2)', 'rgba(1%,4%,245%,1)'],
process: function (bits){
var parseRound = function(bit) {
return Math.round((parseInt(bit) / 100) * 256);
};
return [
parseRound(bits[1]),
parseRound(bits[2]),
parseRound(bits[3]),
parseFloat(bits[4])
];
}
}
];
@ -104,7 +118,7 @@ function Color(color_string)
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
}
this.toRGBA = function() {
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a;
return 'rgba(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a + ')';
}
this.toHex = function () {

View file

@ -114,7 +114,7 @@ function Breather(closure, baseline, delta, period, wait) {
var period_in_seconds = period || time.breathePeriod;
this.period = 2 * Math.PI * 1000 * period_in_seconds;
this.interpolationFunction = TWEEN.Easing.Wave.Triangle;
this.interpolationFunction = TWEEN.Easing.Cubic.EaseInOut;
if (wait) {
var _this = this;

19
src/style/main.css Normal file
View file

@ -0,0 +1,19 @@
html,body {
overflow:hidden;
background: -moz-radial-gradient(center, ellipse cover, #0066cc 0%, #000000 90%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0066cc), color-stop(90%,#000000));
background: -webkit-radial-gradient(center, ellipse cover, #0066cc 0%,#000 90%);
background: -o-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
background: -ms-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
background: radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
-webkit-perspective:600px;
font-family: 'Lato', Times, 'Times New Roman', serif;
font-size: 36px;
font-weight: 200;
letter-spacing: -0.02em;
color: #eee;
}