made some changes to comments regarding future plans

Author: peterquest

index.html

@@ -41,6 +41,11 @@ <h1 class="title">Processing Projects</h1>
 			 these generative sketches towards a goal with some sort of genetic
 			 algorithm.
 	<dt>
+   <a href="sunset">sunset behind mountains</a>
+	 <dd>a still picture of the sun setting behind some mountains. I had the
+	 cascades in mind when i made this. it takes a second to load. alternate
+	 title: fun with gradients.
+	<dt>
    <a href="riding">riding for the feeling</a>
 	 <dd> I was just watching
 	    <a href="https://www.youtube.com/watch?v=yYg6eIH7qR8&list=RD6gRheCFcllA">this video</a> and i realized that 1) it looked similar to the
@@ -49,10 +54,6 @@ <h1 class="title">Processing Projects</h1>
 			what the best practices are for animating the triangles onto and
 			off of the canvas, but I can think of a couple ways off hand..
 
-
-	
-	
-	
 		</dl>
 	</body>
 </html>

riding/riding.pde

@@ -1,15 +1,16 @@
 /* NOTE FOR FUTURE CHANGES!:
  *
- * I was thinking about how to draw the mountains incorrectly.
- * mountains can be basically described as equilateral or isoceles.
- * so all you need to do is randomly place points throughout a horizontal
- * band and then evenly balance the base coordinates.
+ * Made those changes but it still doesnt exactly match the video
+ * that I based this off of. This is because when people paint
+ * mountains they dont allow the peaks to be very close. the 
+ * mountains are also oddly pointy.
  *
- * Then you can get them to overlap by having a variance of about +/-100
- * pixels as you add them to the mountain arraylist.
- *
- * but now i am going to bed.
+ * I can probably address these things, but I'm not sure if i care
+ * that much.
  *
+ * options for rounding mountains: 
+ *  1. create new shape
+ *  2. rotate a rectangle with curved edges. tricky!
  */
 
 
@@ -54,6 +55,7 @@ void setup() {
 
 void draw() {
   background(255);
+  
 /*
   for (int i=0; i<4; i++) {
     mountainList.get(i).moveMountain();

sunset/index.html

@@ -0,0 +1,5 @@
+<script src="../js/processing-1.4.1.js"></script>
+<canvas data-processing-sources="sunset.pde"></canvas>
+
+<br>
+<a href="sunset.pde">source code</a>

sunset/sunset.pde

@@ -0,0 +1,31 @@
+size(600,430);
+colorMode(HSB, 360,100,100);
+noStroke();
+
+for (int i=0; i<250; i++) {
+ for (int j=0; j<600; j++) {  
+  stroke(227, 100-(i/2.6), 98); //gradient for blue sky
+  point(j,i);
+ }
+}
+
+for (int i=250; i<410; i++) {
+  for (int j=0; j<600; j++) {
+    stroke(56-((i-250)/5.0), 0+(i-250), 95); //gradient for orange/yellow
+   point(j,i);
+  }
+} 
+noStroke();
+fill(52, 58, 100);
+arc(300,410, 100,60, PI,TWO_PI); //the sun!
+
+//20 fancy mountains.
+for (int i=0; i<20; i++) {
+  fill(0);
+  int space = int(random(20)); //add random spacing between mountains
+  triangle(i*30-30+space, 410, (i*30)+space, 375, (i*30+30)+space, 410);
+}  
+
+rect(0,410, 600, 20); //just a little extra fill
+
+