ptempis p5js

_.md

[ Launch: processing basics mod ] 8899014 by zeffii
[ Launch: processing basics ] 8898991 by zeffii
[ Launch: Tributary inlet ] 6666089 by enjalot

config.json

{"description":"ptempis p5js","endpoint":"","display":"canvas","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.pde":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/k7qAEye.png"}

inlet.pde

// http://processingjs.org/learning/
// Global variables
float radius = 64;
int X, Y;
int nX, nY;
int delay = 10;

// Setup the Processing Canvas
void setup(){
  size( tributary.sw, tributary.sh );
  strokeWeight( 3 );
}

// Main draw loop
void draw(){
  
  // Fill canvas grey
  background( 9 );
  // Set fill-color to blue
  fill( 330, 11, 4 );
  
  // Set stroke-color white
  stroke(9); 
  
  // Draw circle
  float dim1 = 19;
  pushMatrix();
  translate(101,1);
  for(int i=0; i<20; i++){
    fill(33*i);
    ellipse( 30*i, 223, dim1*i, dim1*i);
  }
  popMatrix();
  
}



  

style.css

.cm-s-lesser-dark.CodeMirror { background: #1e2426; color: #696969;  }
.cm-s-lesser-dark div.CodeMirror-selected {
  background: #064968 !important;} /* 33322B*/
.cm-s-lesser-dark span.cm-variable { color:#22EFFF; }
.cm-s-lesser-dark span.cm-variable-2 { color: #FFCCB4; }
.cm-s-lesser-dark span.cm-variable-3 { color: white; }
.cm-s-lesser-dark span.cm-string { color: Chartreuse; }
.cm-s-lesser-dark span.cm-string-2 {color: Chartreuse;}
.cm-s-lesser-dark span.cm-def {color: #FFCCB4; opacity: 1.0}
.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
.cm-s-lesser-dark pre { color:#FFF; }
.cm-s-lesser-dark span.cm-comment { color: #AFB4B4;}
.cm-s-lesser-dark span.cm-property {color: #FDA676;}
.cm-s-lesser-dark span.cm-number { color: #FF92EE;}
.cm-s-lesser-dark span.cm-keyword { color: #FFFF18; }
.cm-s-lesser-dark .CodeMirror-cursor { 
  border-left: 1px solid white !important; }

.background{
  visibility: visible !important;
  fill: #FFFFFF;
}
 
.extent { 
  visibility: visible !important;
  fill: #84D8F8;
}
 
.resize rect {
  visibility: visible !important;
  fill: #888888;
}

#panel{
	width: 550px;
}