A ferris wheel standing by the beach:<\/p>\n
<\/p><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\"> \/\/Angela Yang \n \/\/Section C\n\n var myFerris;\n var mySeat = [];\n var angle = 0;\n var cloudx=200\n var cloudy=50\n var clouddx = 1;\n var cloudx2 = 100;\n var cloudy2 = 200;\n var clouddx2 = 0.3;\n\n\nfunction setup(){\n createCanvas(480, 480);\n angleMode(DEGREES);\n var bc = color(random(0, 255), random(0, 255), random(0, 255));\n myFerris = makeFerris(240+180, 230, 0.3, 330);\n for(var i = 0; i<6; i++){\n var bc = color(random(0, 255), random(0, 255), random(0, 255));\n mySeat[i] = makeSeat(200, 200, 20, bc, i);\n\n }\n\n}\n\nfunction updateFerris(){\n this.angle += this.angleSpeed;\n\n}\n\nfunction ferrisDraw(){\n push();\n noFill();\n strokeWeight(4);\n ellipse(this.x, this.y, this.r, this.r);\n pop();\n push();\n stroke(255);\n strokeWeight(8);\n line(this.x, this.y, this.x-80, height);\n line(this.x, this.y, this.x+80, height);\n pop();\n\n push();\n translate(this.x, this.y);\n for(var i = 0; i<6; i++){\n push();\n rotate(i*60 + this.angle);\n stroke(255);\n strokeWeight(3);\n line(0, 0, this.r\/2, 0);\n pop();\n\n }\n\n pop();\n}\n\nfunction makeFerris(wx, wy, as, wr){\n var wheel = {x:wx, y:wy, angleSpeed:as, r:wr, angle:0,\n update: updateFerris,\n draw: ferrisDraw};\n\n return wheel;\n}\n\nfunction updateSeat(){\n this.x = myFerris.x + myFerris.r\/2*cos(this.index*60 + myFerris.angle);\n this.y = myFerris.y + myFerris.r\/2*sin(this.index*60 + myFerris.angle);\n\n}\n\nfunction seatDraw(){\n push();\n stroke(255);\n strokeWeight(2);\n line(this.x, this.y, this.x, this.y+10);\n pop();\n push();\n stroke(255);\n fill(this.c);\n rect(this.x-10, this.y+10, 25, 25);\n pop();\n\n\n\n}\n\nfunction makeSeat(bx, by, br, bc, seatIndex){\n var basket = {x:bx, y:by, r:br, c:bc, index:seatIndex,\n update: updateSeat,\n draw: seatDraw};\n\n return basket;\n}\n\nfunction draw(){\n background(240,145,110);\n\n \/\/Ground\n push();\n fill(87,71,70);\n rect(0, 350, width, 130);\n noStroke();\n fill(60,40,20,255);\n rect(0, 350, width, 30);\n pop();\n\n \/\/Trees\n push();\n noStroke();\n fill(30,63,79);\n triangle(80, 240, 0, 350, 160, 350);\n fill(43,96,119);\n triangle(330, 235, 245, 350, 450, 350);\n fill(61,118,127);\n triangle(240, 235, 220, 360, 350, 360);\n fill(84,149,132);\n triangle(400, 250, 280, 360, 530, 360);\n fill(100,200,200);\n triangle(150, 150, 50, 380, 280, 380);\n pop();\n\n\n \/\/Clouds\n push();\n noStroke();\n fill(255);\n ellipse(cloudx, cloudy, 80, 40);\n ellipse(cloudx+20, cloudy+20, 90, 30);\n ellipse(cloudx-35, cloudy+20, 80, 45);\n\n cloudx+=clouddx;\n\n if(cloudx-80>=width){\n cloudx = -120;\n }\n\n ellipse(cloudx2, cloudy2, 90, 30);\n ellipse(cloudx2+30, cloudy2+20, 70, 25);\n ellipse(cloudx2-20, cloudy2+20, 80, 30);\n\n cloudx2+=clouddx2;\n\n if(cloudx2-80>=width){\n cloudx2 = -120;\n }\n\n pop();\n\n \/\/Lake\n push();\n noStroke();\n fill(150);\n ellipse(0, 530, width+500, 280);\n fill(235, 239, 229);\n ellipse(0, 530, width+400, 250);\n pop(); \n\n myFerris.draw();\n myFerris.update();\n for(var i = 0; i<6; i++){\n mySeat[i].draw();\n mySeat[i].update();\n }\n\n\n}<\/code><\/pre><\/div><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>A ferris wheel standing by the beach: sketch \/\/Angela Yang \/\/Section C var myFerris; var mySeat = []; var angle = 0; var cloudx=200 var cloudy=50 var clouddx = 1; var cloudx2 = 100; var cloudy2 = 200; var clouddx2 = 0.3; function setup(){ createCanvas(480, 480); angleMode(DEGREES); var bc = color(random(0, 255), random(0, 255), random(0, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/2022\/11\/19\/project-11-generative-landscape-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Project 11 – Generative Landscape”<\/span><\/a><\/p>\n","protected":false},"author":774,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[115,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75911"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/users\/774"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/comments?post=75911"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75911\/revisions"}],"predecessor-version":[{"id":75913,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/posts\/75911\/revisions\/75913"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/media?parent=75911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/categories?post=75911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2022\/wp-json\/wp\/v2\/tags?post=75911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}