"
Modeling2.html
From 2013.igem.org
(Difference between revisions)
| Line 466: | Line 466: | ||
nullClines[0].calculate(); | nullClines[0].calculate(); | ||
nullClines[1].calculate(); | nullClines[1].calculate(); | ||
| + | |||
| + | var boxSlider = function(x, y, w, h, heading, theta, max, thetaInterval) { | ||
| + | this.x = x; | ||
| + | this.y = y; | ||
| + | this.w = w; | ||
| + | this.h = h; | ||
| + | this.heading = heading; | ||
| + | this.theta = theta; | ||
| + | this.max = max; | ||
| + | this.myX = (w-30)*(this.theta/this.max) + this.x + 15; | ||
| + | this.myY = this.y + 28; | ||
| + | |||
| + | |||
| + | this.draw = function(){ | ||
| + | noStroke(); | ||
| + | fill(50, 50, 50); | ||
| + | rect(x+2, y+2, w, h, 8); | ||
| + | fill(255, 255, 255, 230); | ||
| + | rect(x, y, w, h, 8); | ||
| + | textFont(myFont, 15); | ||
| + | fill(0, 0, 0); | ||
| + | textAlign(LEFT, BOTTOM); | ||
| + | text(heading + this.theta, x+10, y+16); | ||
| + | fill(50, 50, 50, 220); | ||
| + | rect(x+10, y+25, w-20, 6, 6); | ||
| + | ellipse(this.myX, this.myY, 15, 15); | ||
| + | |||
| + | }; | ||
| + | |||
| + | this.moveSlider = function(){ | ||
| + | if (mouseX > x+5) | ||
| + | if (mouseX < x + w + 10) | ||
| + | if (mouseY < y + h + 30) | ||
| + | if (mouseY > y){ | ||
| + | |||
| + | this.theta = round(((mouseX - x ) / w) * this.max* 10)/10; | ||
| + | |||
| + | thetaPlay = this.theta ; | ||
| + | this.myX = (w-30)*(this.theta/this.max) + x + 15; | ||
| + | this.draw(); | ||
| + | |||
| + | count = 0 ; | ||
| + | maxLength = 0; | ||
| + | for (var i = 0; i < arrowsinRow; i++){ | ||
| + | for (var j = 0; j < arrowsinCol; j++){ | ||
| + | arrows[count].calculate(); /*maxLength is to scale everything, boxHeight is the */ | ||
| + | |||
| + | if (maxLength < arrows[count].length) { | ||
| + | maxLength = arrows[count].length; | ||
| + | } | ||
| + | count++; | ||
| + | } | ||
| + | } | ||
| + | nullClines[0].calculate(); | ||
| + | nullClines[1].calculate(); | ||
| + | |||
| + | } | ||
| + | }; | ||
| + | }; | ||
| + | |||
| + | var slider = new boxSlider(uiBoxX, uiBoxY, uiWidth, uiHeight, heading, thetaPlay, thetaMax, thetaInterval); | ||
var draw = function(){ | var draw = function(){ | ||
Revision as of 00:20, 28 September 2013
