// random helper // only 1 argument // extract index from array return random(0, arguments[0]) // assume numeric // two arguments range // //return console.log(item) return 0 // default // screen helper // mouse/input helper // point object // class constructor // ribbon color HSL saturation amount // ribbon color HSL brightness amount // ribbon color opacity amount // how fast to cycle through colors in the HSL color space // where to start from on the Y axis on each side (top|min, middle|center, bottom|max, random) // how fast to get to the other side of the screen // how many ribbons to keep on screen at any given time // add stroke along with ribbon fill colors // move ribbons vertically by a factor on page scroll // add animation effect to each ribbon section over time // class prototype // Set and merge local options // Initialize the ribbons effect // Create a new random ribbon and to the list // movement data // asjust starty based on options // ribbon sections data // buils ribbon sections // point3.clampY( 0, this._height ); //console.log(Math.round(random(1, 5))) // single ribbon section //color += 1 //console.log('colorCycleSpeed', color) // Draw single section return true // done //console.log('section.color', section.color) return false // not done yet // Draw ribbons // cleanup on ribbons list to rtemoved finished ribbons // draw new ribbons ++a // single ribbon ++b // ribbon section numDone++ // section done // ribbon done // maintain optional number of ribbons on canvas // Update container size info // Update container size info // export