DigiFab_Midterm_Flames

var r = new Rune({
  container: "#canvas",
  width: 1000,
  height: 1000,
  debug: true
});

//y curves
var curveY1 = Rune.random(-225, -275);
var curveY2 = Rune.random(-425, -475);
var curveY3 = Rune.random(-325, -375);
var curveY4 = Rune.random(-420,-470);
var curveY5 = Rune.random(-327,-377);


//x curves left
var curveX1 = Rune.random(0,99);
var curveX2 = Rune.random(200,299);
var curveX3 = Rune.random(400,499);
var curveX4 = Rune.random(600,699);
var curveX5 = Rune.random(800,899);

//x curves right
var curveX11 = Rune.random(100,199);
var curveX22 = Rune.random(300,399);
var curveX33 = Rune.random(500,599);
var curveX44 = Rune.random(700,799);
var curveX55 = Rune.random(900,1000);

// Y peak
var peak1 = Rune.random(-295, -305);
var peak2 = Rune.random(-700, -775);
var peak3 = Rune.random(-425, -480);
var peak4 = Rune.random(-645,-655);
var peak5 = Rune.random(-350, -400);

//X peak
var peakX1 = Rune.random (75,125);
var peakX2 = Rune.random (275,325);
var peakX3 = Rune.random (475,525);
var peakX4 = Rune.random (675, 725);
var peakX5 = Rune.random (875,925);

//Y Low
var low1 = Rune.random(-200,-275);
var low2 = Rune.random(-250,-300);
var low3 = Rune.random(-275,-325);
var low4 = Rune.random(-250,-325);

//X low
var lowX1 = Rune.random (190,210);
var lowX2 = Rune.random (390,410);
var lowX3 = Rune.random (590,610);
var lowX4 = Rune.random (790, 810);



var width = r.width;
var height = r.height;

var flame = r.path (0, height)
	//first peak
	.curveTo(curveX1, curveY1, peakX1, peak1)
	.curveTo(curveX11, curveY1, lowX1, low1)
	//second peak
	.curveTo(curveX2, curveY2, peakX2, peak2)
	.curveTo(curveX22, curveY2, lowX2, low2)
	//third peak
	.curveTo(curveX3, curveY3, peakX3, peak3)
	.curveTo(curveX33, curveY3, lowX3, low3)
	//fourth peak
	.curveTo(curveX4, curveY4, peakX4, peak4)
	.curveTo(curveX44, curveY4, lowX4, low4)
	//fifth peak
	.curveTo(curveX5, curveY5, peakX5, peak5)
	.curveTo(curveX55, curveY5, width, 0)

	//.lineTo(width, 0)


	.fill (true)
	.closePath();



r.draw();