No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
1 changed files with
46 additions and
8 deletions
-
voicegardens/static/voicegardens.js
|
@ -55,6 +55,21 @@ var shapes = []; |
|
|
var amplitude; |
|
|
var amplitude; |
|
|
var duration; |
|
|
var duration; |
|
|
|
|
|
|
|
|
|
|
|
// The background colour choices for the environment
|
|
|
|
|
|
var bgChoices [ |
|
|
|
|
|
color("#F6B2FF"), |
|
|
|
|
|
color("#F58F6C"), |
|
|
|
|
|
color("#C3EFDB"), |
|
|
|
|
|
color("#CFE4D9"), |
|
|
|
|
|
color("#ADCA95"), |
|
|
|
|
|
color("#F58F6C"), |
|
|
|
|
|
color("#A5F1F7"), |
|
|
|
|
|
color("#FFC266"), |
|
|
|
|
|
color("#FF66BB"), |
|
|
|
|
|
color("#F6B2FF"), |
|
|
|
|
|
]; |
|
|
|
|
|
var bgColour = bgChoices[floor(random(0, bgChoices.length - 1))]; |
|
|
|
|
|
|
|
|
function record() { |
|
|
function record() { |
|
|
/** |
|
|
/** |
|
|
* Start recording a sound. |
|
|
* Start recording a sound. |
|
@ -372,14 +387,37 @@ class GeneratedShape { |
|
|
/** |
|
|
/** |
|
|
* Choose a colour for the shape. |
|
|
* Choose a colour for the shape. |
|
|
**/ |
|
|
**/ |
|
|
// TODO: choose nicer colours
|
|
|
|
|
|
// TODO: Can we have gradient colours
|
|
|
|
|
|
// TODO: Can we have multiple colours
|
|
|
|
|
|
let colourChoices = [ |
|
|
let colourChoices = [ |
|
|
color("red"), |
|
|
color("#4F6EE8"), |
|
|
color("blue"), |
|
|
color("#626788"), |
|
|
color("green"), |
|
|
color("#334171"), |
|
|
color("black") |
|
|
color("#1529C2"), |
|
|
|
|
|
color("#A17AA3"), |
|
|
|
|
|
color("#606CEB"), |
|
|
|
|
|
color("#8A77D5"), |
|
|
|
|
|
color("#EB4913"), |
|
|
|
|
|
color("#FC6012"), |
|
|
|
|
|
color("#D94C14"), |
|
|
|
|
|
color("#F08A60"), |
|
|
|
|
|
color("#F8988F"), |
|
|
|
|
|
color("#6E4F47"), |
|
|
|
|
|
color("#93E35B"), |
|
|
|
|
|
color("#DE3F16"), |
|
|
|
|
|
color("#D1611F"), |
|
|
|
|
|
color("#C22F0A"), |
|
|
|
|
|
color("#C97814"), |
|
|
|
|
|
color("#EDA714"), |
|
|
|
|
|
color("#D5894A"), |
|
|
|
|
|
color("#448F54"), |
|
|
|
|
|
color("#61C26F"), |
|
|
|
|
|
color("#ACE9B2"), |
|
|
|
|
|
color("#CC25B6"), |
|
|
|
|
|
color("#D695F0"), |
|
|
|
|
|
color("#C5C2F0"), |
|
|
|
|
|
color("#CC3D25"), |
|
|
|
|
|
color("#A3614E"), |
|
|
|
|
|
color("#F0DBA9"), |
|
|
|
|
|
color("#7C4531") |
|
|
]; |
|
|
]; |
|
|
|
|
|
|
|
|
let index = floor(random(0, colourChoices.length)); |
|
|
let index = floor(random(0, colourChoices.length)); |
|
@ -500,7 +538,7 @@ function draw() { |
|
|
/** |
|
|
/** |
|
|
* The draw loop which is called x times a second where x is the frameRate. |
|
|
* The draw loop which is called x times a second where x is the frameRate. |
|
|
**/ |
|
|
**/ |
|
|
background("white"); |
|
|
background(backgroundColour); |
|
|
blendMode(BLEND); |
|
|
blendMode(BLEND); |
|
|
smooth(); |
|
|
smooth(); |
|
|
noStroke(); |
|
|
noStroke(); |
|
|