2 Übung: Smiley

Unsere erste Übung war eine Freiübung. Wir erhielten eine kurze Einführung zu JS.
Darunter wahr, wie erstellen ich eine Leinwand, definieren ihre Größe und färben diese entsprechend ein.
Uns wurde auch vorgestellt, wie wir mit Grundformen arbeiten können.
Wir durften dann, mithilfe von Code, versuchen Bilder zu generieren.


    // The line below adds autocompletion for p5.js which is very Helpful
/// 

// Here are the docs for P5.js: https://p5js.org/reference/

// The setup function is called once at the beginning
//weiße Katze mit grünen Augen auf lavendel Hintergrund//

function setup ()  {
	createCanvas(windowWidth, windowHeight);
	background(2205, 092, 092);
}

function draw () {
	noStroke()
    //Kopf
  fill(255,	255,	000);
  circle (230, 194, 200, 200);
  noStroke ()
  // Draw base right ear 
  fill(255,	255,	000);
  circle (270, 100, 60, 200);
  // Draw base left ear 
  fill(255,	255,	000);
  circle (205, 90, 60, 200);
  //Auge links
  stroke(0, 0, 0)
    fill(099,	184,	255);
    circle (195, 180, 30, 30);  	
    //Auge rechts
  fill(099,	184,	255);
    circle (265, 180, 30, 30);
  noStroke()
    //Body
  fill(255,	255,	000);
  circle (430, 294, 300, 300);
  //Body back
  fill(255,	255,	000);
  circle (500, 300, 300, 200);
   //Mund
          stroke(0, 0, 0);
      strokeWeight(2);
      noFill();
      beginShape();
      curveVertex(100, 210);
      curveVertex(190, 240);
      curveVertex(220, 240);
      curveVertex(240, 230);
      curveVertex(250, 210);
      endShape();
 }